html - 複数のフォントを使用したhtml5キャンバス描画テキスト

Question

キャンバス内のテキストを複数のフォントで埋めるにはどうすればよいですか。これをキャンバスに記入することができます：

これは私がやりたいことの例です

これは私がやりたいことの別の例です

最初に通常のテキストを入力し、2 番目に太字のテキストを入力し、3 番目に残りのテキストを入力します。しかし、テキストをドラッグアンドドロップできるようにしたいので、そのようにすることはできません。

Answer 1

申し訳ありませんが、あなたは運が悪いです。ここから抜け出すのは簡単ではありません。

中央に太字の単語を含むテキストが必要な場合は、drawtext を少なくとも 3 回呼び出す必要があります。

将来、任意の html を描画できるようになる可能性があります。仕様では、これが実際に可能であると述べられていますが、しばらくの間はそうではありません。仕様を引用するには：

注: 2D コンテキスト API の将来のバージョンでは、CSS を使用してレンダリングされたドキュメントのフラグメントをキャンバスに直接レンダリングする方法が提供される可能性があります。これは、複数行のレイアウトを行う専用の方法に優先して提供されます。

このセクションの終わりから。

もちろん、ドラッグ アンド ドロップすることもできますが、「ノード」を構成する要素とその場所のリストが必要なだけです。はるかに複雑なオブジェクトがキャンバスで実行されたことは間違いありません。