0

我想完全使用 javascript 从本地图像创建数据 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 回答