アコースティックギター超入門アコースティックギター超入門スマートフォン用の表示で見るスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。読者です読者をやめる読者になる読者になるアコースティックギター超入門アコースティックギター超初心者のための入門ブログ入門編ギターコードダイアグラムおすすめ持ち物このブログについて2016-03-23ギターコードダイアグラム(コード表)の画像を生成するJavascript「コードメーカー」をバージョンアップ(1.0)しましたギターコードダイアグラムTwitterGooglePocketギターコードダイアグラム(コード表)の画像を生成するJavascriptをバージョンアップしました。バージョンは1.0です。改訂内容は「ベース音」を指定できるようにしました。使い方1.ヘッダーでスクリプトを読み込むHTMLのヘッダータグで以下のスクリプトを読み込みます。charset=&quot;Shift_JIS&quot;&gt;&lt;/script&gt;※このスクリプトを動作させるにはJQueryの読み込みも必要です。2.画像を表示したい箇所にcanvasタグを書くギターコードダイアグラム(コード表)を表示したいところにcanvasタグを作ります。ベース音は先頭に「B」を付けて下さい。chordname=&quot;C&quot;&gt;&lt;/canvas&gt;実際の表示はです。各プロパティはclass名は「gchord」にします(固定で必須)。widthは「128px」にします(固定で必須)。heightは「128px」にします(固定で必須)。chordwidthは実際の表示される画像の横幅です(指定なしの場合は「128px」)。chordheightは実際の表示される画像の高さです(指定なしの場合は「128px」)。chordはダイアグラムのポジションです左から1弦、2弦・・・と6弦まで指定。ミュートは「x」です。ベース音は先頭に「B」(必須)。chordnameは表示するコード名です(必須、コード名不要の場合は""を指定)。以上で画像を表示できます。Blog|ブログを報告する。