Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

HTML5キャンバス要素のテキストの高さを測定する

テキストの高さを取得するには、フォントをpt-

で設定します 
context.font="15pt Calibri";

さて、次のような高さを取得します-

var height = parseInt(context.font.match(/\d+/), 10);

上記では、フォントサイズをフォント面から分離するために一致を使用しました。


  1. HTML5でcanvasタグを使用する理由

    キャンバスの高さを指定します。HTMLのタグは、スクリプトを使用してグラフィックやアニメーションなどを描画するために使用されます。 HTML5で導入されたタグ。 幅と高さの2つの特定の属性と、id、name、classなどのすべてのコアHTML5属性を持つ単純な要素を見てみましょう。 <canvas id="myCanvas" width="100" height="100"></canvas> ここに属性があります- 属性 値 説明 高さ ピクセル キャンバスの高さを指定します。

  2. IEでHTML5キャンバス要素を使用するにはどうすればよいですか？

    excanvasを使用 Internet Explorer（IE）でHTML5キャンバスを使用するためのJavaScriptライブラリ。 excanvas ライブラリはアドオンであり、古いIEブラウザ（IE7-8）にHTML5キャンバス機能を追加します。Firefox、Safari、Opera 9は、2Dコマンドベースの描画操作を可能にするcanvasタグをサポートしています。 ExplorerCanvas 同じ機能をInternetExplorerにもたらします。 IEでHTML5キャンバス要素を使用するには、HTMLファイルと同じディレクトリにExplorerCanvasタグを