0

javascriptを全面的に使ってローカル画像からData URIを作成したい

ローカル画像を変換する関数を JavaScript で提案できますか?

キャンバスを使用して画像を読み込み、データ uri に変換しました

 function load() {
   var can = document.getElementById('canvas'); 
   var ctx = can.getContext('2d'); 
   var img = new Image(); 
   img.onload = function () {
     can.width = img.width; 
  can.height = img.height; 
  ctx.drawImage(img, 0, 0, img.width, img.height); 
  var canvasData = can.toDataURL("image/png"); 
  alert( canvasData); 
  }
   img.src = 'http://www.smallbiztechnologies.net/smbiztech/wp-    content/uploads/2011/11/Click-To-Call-Icon.png'; 
   }

しかし、次のエラーがスローされます

SECURITY_ERR: DOM Exception 18

サーバー側のスクリプトを使用せずに whis を実行する方法を提案してください

ありがとうございました

4

1 に答える 1

0

描画したい画像は自分のドメインとは異なるドメインのものであるため、セキュリティ エラーがスローされます。

詳細については、次のトピックを参照してください。canvas.toDataURL() がセキュリティ例外をスローするのはなぜですか?

于 2012-05-29T11:11:48.153 に答える