1

本当にランダムな質問のように思えるかもしれませんが、キャンバスに正しく文字間隔のテキストをレンダリングするためのハックを見つけようとしています。

グーグルでよく検索した後、これを実際に行う方法はないようです。私が最初に試したのは、文字列内の各文字をレンダリングし、測定し、オフセットに追加し、文字間隔を追加することでしたが、結果はかなり貧弱です. おそらくフォントファイルに含まれる文字のペアリングスペースなどの情報によるものと思われます。

完璧な結果を得るために私が考えることができる唯一のことは、テキストを html 要素にレンダリングし、CSS を介して文字間隔を設定し、何らかの方法で要素を画像としてメモリにキャプチャすることです。可能性は低いと思いますが、これを行う方法を知っている人はいますか？

4

1 に答える 1

1

キャンバスの上に HTML 要素を移動しないのはなぜですか?

<canvas style="background-color:cyan; left:100px; right:100px; width:100px; height:100px; position:absolute" >
</canvas>
<p style="left:120px; right:100px; position:absolute; z-index:100; ">this is a test</p>
于 2013-03-31T14:23:20.400 に答える