1

ローカルホストのフォルダから画像にアクセスしています。

画像はimgタグに正しく読み込まれます。しかし、その画像をキャンバスに描画しようとすると、表示されません。

画像をキャンバスにドロップすると描画され、元のソースから画像を取得して描画するように実装しました。何度もドラッグすると、何度か試行すると表示されます。

この機能はFirefoxとIEで完全に機能しています

これはローカルホスト上の私のイメージのソースです：

b.src = "http://localhost/casema...E/2780Chrysanthemum.jpg"

ctx1.drawImage(b, x2-15*z, y2-15*z, w1, h1 );
4

2 に答える 2

2

HTML5では、画像が常にすぐに読み込まれるかどうかはわかりません。そのため、画像を描画する前に、画像が完全に読み込まれていることを確認する必要があります。このコードはあなたを助けるかもしれません：

var myImage = new Image();
myImage.src = "path/to/your/image";
myImage.onload = function(){
      //context is the canvas context 
      context.drawImage(myImage,x,y,weight,height);
}
于 2012-08-16T19:23:18.400 に答える
0

コンピューターでローカルHTMLファイルを使用していますか？その場合は、パラメータを追加する必要があります

--allow-file-access-from-files

Chromeを呼び出すとき。

于 2012-08-16T17:17:35.750 に答える