javascript - HTML5キャンバスでフォントスタイルを使用する

Question

キネティックJSライブラリを使用してキャンバスにテキストを追加しようとしています。KineticJSsetFontStyle()フォントのスタイルをサポートするメソッドを提供します。

ドキュメントによると、「通常」、「斜体」、または「太字」をサポートしています。しかし、太字と斜体を同時に適用したい場合はどうすればよいですか。また、テキストに下線を付けたいと思います。キネティックJSでどのようにできるか。

教えてくれる人はいませんか：'（

score 2 · Accepted Answer

すでに述べたEliteOctagonと同様に、KineticJSはまだ下線付きテキストをサポートしていません。これは主に、テキスト装飾（下線を含む）がhtmlキャンバス要素でサポートされていないという事実によるものです。

（複数の）フォントスタイルを追加するのは比較的簡単です。最も推奨される方法は、次のように開始時に定義することです。

var text = new Kinetic.Text({
    x: 0,
    y: 0,
    fontSize: 20,
    fontStyle: 'bold italic'
    fill: 'black',
});

別のときにフォントスタイルを設定する必要がある場合は、setFontStyle()前述の方法を使用できます。たとえば、次のようになります。

var text = new Kinetic.Text();
text.setFontStyle('bold italic');

1 に答える 1