-1

私は新しい html5 開発者で、html5 Web アプリケーションを開発しました。この Web アプリでは、アニメーション化されたすべてのオブジェクトがキャンバスに表示されます。すべてのアセットをレスポンシブ UI で調整したい。キャンバスの高さと幅はブラウザごとに変更されますが、子のキャンバス サイズはキャンバスごとに変更されません。

ウィンドウサイズが変更されたときに、キャンバスのサイズを変更してキャンバスにオブジェクトを描画する方法??.

したがって、キャンバス内のすべての子は、レスポンシブ UI でサイズ変更またはスケーリングされます。

もう1つ、ウィンドウのサイズ変更時にキャンバスの高さと幅を変更すると、すべての子がキャンバスから削除されます。理解できません。なぜアセットが削除されるのですか?

4

2 に答える 2

1

@Ken - AbdiasSoftware : 1 つの画像を描画すると、キャンバス上に表示されます。お気に入り

var c = $('#respondCanvas');
var ct = c.get(0).getContext('2d');

var imageObj = new Image();

imageObj.onload = function() {
    ct.drawImage(imageObj, 0, 0);
    };

imageObj.src = 'img/ballon.jpg';

ウィンドウのサイズ変更に従ってキャンバスのサイズを変更すると、画像のサイズは変更されず、キャンバスからも削除されます。画像のサイズが変更されない理由と、キャンバスから削除される理由を教えてください??

ブラウザを更新すると、キャンバスに画像が表示されますが、画像の縮尺は同じです。

于 2013-07-01T04:31:52.347 に答える