0

HTML5キャンバス要素の使用では、デフォルトのアスペクト比に問題があります。Firefox と Safari のキャンバス要素のデフォルトの縦横比は、少なくとも幅と高さが 2/1 のようです。これは、canvas 要素に描画される四角形の縦横比が 1:1 になる唯一の高さと幅の組み合わせです。

では、canvas 要素の縦横比を設定して、アイテムを 1:1 の比率で描画できるようにするにはどうすればよいでしょうか?

Coding Forums のアカウントを持っていますが、適切な回答がありません。この件に関するいくつかの印刷テキストを入手しましたが、それらはこれに対処していません。私は少なくとも 10 年間、javascript/html/css をプログラミングしています。

変更不可能なデフォルトの比率に固執していないことを願っています。

同様の質問のリストを見てみると、この特定の問題が解決されていません。

4

1 に答える 1

1

Canvas は、Dom 要素から独立した独自の幅と高さを持つことができます。これにより、1:1 以外のアスペクト比が発生します。

修正するには、要素を含む dom の幅と高さに一致するように幅と高さの属性を設定する必要があります。

たとえば、jquery では次のことができます。

$('キャンバス').attr('幅', '100').attr('高さ', '100');

これにより、キャンバスが 100 ピクセルの正方形になります。これが幅と高さのプロパティが一致する dom 要素にあると仮定すると、1:1 のアスペクト比が得られます。

于 2014-06-06T10:17:15.240 に答える