Canvas Text Templateの新しいバージョンを作りました。文字間隔の調整や行幅の指定が行えるようになっています。また、次のようにCanvasTextTempを呼び出すとき、グローバルオプションとして、maxWidth、lineWidth、border、color、fontStyle、fontVariant……、lineSpacing、indent、textShadow、letterSpacingを指定することができます。これらは行単位あるいはフレーズ単位でスタイル指定がなかったときに適用されるスタイルになります。
var template = CanvasTextTemp(canvasContext, {
maxWidth: 500,
indent: '20px'
});
スクリプトのダウンロードとデモページ
⇒Canvas Text Template.js(ver 0.2 9.5KB)
⇒デモページ2 テキストエリアを書き替えてテストできます
新しく使用可能になったスタイルletterSpacing or le 文字間隔を指定する(単位はem)
maxWidth or ma テキスト全体あるいは行の横幅を指定する