0

キャンバスに画像を描画する際に問題が発生しています（助けていただければ幸いです）:)

ユーザーが画像を選択して描画できるアプリを作成しています。キャンバスを使用してすべてをレンダリングしています。問題は次のとおりです。画像を選択すると、キャンバスに画像を描画します (画面の中央に配置されます) が、スクリーンショットでわかるように、2 回描画されます。そのうちの 1 つはキャンバスの外にあります (ウィンドウ)。位置 0,0)。

これは Android WebView の不具合ですか??

(Cordova/Phonegap 2.7 を使用しています)

HTML:

<div class="box_canvas box_canvas_doodle shadowbox50">
<canvas id="canvas_doodle" />
</div>

JAVASCRIPT (スニペット):

$(".box_canvas_doodle").css( "left", Math.floor(($(window).width()-image_resized_wid)/2) );
$(".box_canvas_doodle").css( "top", Math.floor(($(window).height()-48-image_resized_hei)/2) );

// Clear
doo.ctx.doodle.clearRect(0, 0, doo.canvas.doodle.width, doo.canvas.doodle.height);

// Draw image
doo.ctx.doodle.drawImage(doo.imageElem, 0, 0, doo.imageElem.width, doo.imageElem.height, 0, 0, doo.canvas.doodle.width, doo.canvas.doodle.height);

スクリーンショット http://storage.rejh.nl/_stored/Screenshot_2013-07-25-08-36-53.png

4

2 に答える 2

0

その回避策もしばらくすると壊れました（理由はわかりません）。私は今それを再構築し、キャンバスをフルスクリーンにし、（キャンバスを移動する代わりに）中央に画像を描き、その上にヘッダーを描きました。シーズ。

于 2013-07-27T15:09:51.460 に答える