次の jsperf を見つけました。これは、fillText と比較して drawImage がどれだけ高速かを明確に示しています。
http://jsperf.com/image-vs-text
しかし、テキストを動的にしたい場合、実際にそれを達成するにはどうすればよいでしょうか? 必要なすべての文字と数字を含む画像が必要であり、指定された文字列に応じて部分的に描画する必要があると考えています。
誰かがそれが実際にどのように機能するかの例を示すことができますか? テキストをできるだけライブで描画しないと、アプリケーションが大幅に高速化されると読みました...
javacript にはいくつかのイメージがありますが、私が試した中で最も優れているのは、イラストレーター用のこのプラグインです。
たとえば、これは J のコードを生成します。
lineStyle="rgb(0,0,0)";
lineWidth=1;
beginPath();
moveTo(223,179);
bezierCurveTo(292,187,361,185,430,192);
bezierCurveTo(474,196,522,203,566,196);
bezierCurveTo(587,192,606,182,627,179);
bezierCurveTo(627,198,611,220,606,238);
bezierCurveTo(595,284,590,330,577,376);
bezierCurveTo(566,419,554,462,542,506);
bezierCurveTo(534,544,530,589,514,625);
bezierCurveTo(487,682,392,696,334,695);
bezierCurveTo(206,689,142,577,179,460);
stroke();
小さい文字や特別に見せる必要があるものに便利です。@font face はオプションではありません