1

単純にばかげているように聞こえるかもしれませんが、THREE.js での解決に関する質問があります。私は OpenGL とそれに関連するいくつかのフレームワークに共通しているため、最終的に webGL に興味を持ち、Three.js に興味を持ったことは明らかです。簡単なデモをいくつか試して、自分で何かを書くことにしましたが、ここに問題があります。

キャンバスのサイズが 640x480 px で、320x240px のシーンをフルサイズでレンダリングするにはどうすればよいですか?

たとえば、パフォーマンスのためだけに、またはよりアーティスティックな/古いショールの外観のために?

前もって感謝します。

4

1 に答える 1

1

CSSを使用できます。html 属性または JavaScript を使用してキャンバスを 320x240px に設定し、CSS を使用して 640x480px に設定します。これにより、キャンバスとその内容がスケーリングされます。

例えば：

<canvas id="c" width="128" height="128"></canvas>

#c {
    width: 256px;
    height: 256px;
}

http://jsfiddle.net/jwy6a/

于 2013-10-11T18:49:13.240 に答える