2

デフォルトの解像度 1366x756 に向けて取り組んでいます。

ビューポートに応じて、これを拡大または縮小します。ここに示す例と同様: http://blogs.msdn.com/b/davrous/archive/2012/04/06/modernizing-your-html5-canvas-games-with-offline-apis-file-apis-css3 -amp-hardware-scaling.aspx

使用されているキャンバス要素を抽象化するため、KineticJS でこれをどのように機能させるか、ちょっと混乱しています。

私が達成したいのは基本的に次のとおりです。

window.addEventListener("resize", OnResizeCalled, false);

function OnResizeCalled() {
    canvas.style.width = window.innerWidth + 'px';
    canvas.style.height = window.innerHeight + 'px';
}

これはキャンバスを引き伸ばし、縦横比を維持しないため、これは完璧な解決策ではないことを私は知っています。

現在、次のものを使用しています。

stage.setWidth(window.innerWidth);
stage.setHeight(window.innerHeight);
stage.setScale(window.innerWidth / 1366)

それは多かれ少なかれ私が探しているものですが、：

  • マウス/タッチ アクションは、新しい縦横比にスケーリングされません。

  • GPU を使用してキャンバス オブジェクトを拡大するネイティブ スケーリングではありません。

何か案は？ありがとう ：）

4

1 に答える 1