1

http://www.html5canvastutorials.com/tutorials/html5-canvas-rectangles/に従って、キャンバスにいくつかの長方形を並べて描画しました。問題は、それらが大幅に拡大されて表示されることです。ズーム 1.0 では、元のサイズの約 5 倍に表示されます。約 0.16 のズームで、正しいサイズで表示されます (境界線がぼやけている場合)。

キャンバスのピクセル寸法を大きくしてズームアウトすることで回避できると思いますが、キャンバスで 1:1 のスケーリングを行う適切な方法は何ですか? キャンバスは幅と高さが 100% にスタイル設定され、本体のマージンは 0 です。キャンバスの幅と高さをウィンドウの高さと幅に手動で設定しても、この動作は変わりません。

ティア、

4

1 に答える 1

7

問題は、キャンバスのスタイルの幅と高さを設定することです。CSSスタイルではなく、幅と高さの属性を設定する必要があります。次のようなもの:

<canvas id='mycanvas' width='800' height='600'></canvas>

同様の質問の詳細: CSS を使用するとキャンバスが引き伸ばされますが、「幅」/「高さ」プロパティでは正常です

于 2012-11-30T23:05:32.060 に答える