在 Chrome 中将图像从本地主机绘制到画布上

drawing image from localhost onto canvas in chrome

本文关键字：绘制 主机 Chrome 图像      更新时间：2023-09-26

我正在从本地主机中的文件夹中访问图像。

图像在 img 标记中正确加载。但是，当我尝试将该图像绘制到画布上时，它不会出现！

我已经实现了它，当图像被拖放到画布上时，它被绘制到画布上，我通过从原始来源获取图像来绘制它。当我一次又一次地拖动时，经过一些尝试，它出现了。

该功能在火狐和IE中完美运行。

这是我在本地主机上的图像的来源：

b.src = "http://localhost/casema...E/2780Chrysanthemum.jpg"
ctx1.drawImage(b, x2-15*z, y2-15*z, w1, h1 );

在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);
}

您是否在计算机上使用本地 HTML 文件？如果是这样，您需要添加参数

-

-允许从文件访问文件

调用浏览器时。

相关文章：