时间戳

首页 > 解决方案 > 如何可靠地从图像加载画布？

javascript - 如何可靠地从图像加载画布？

问题描述

我正在尝试将 png 加载到画布中。使用下面的代码，它似乎加载了 10% 的时间，其余的我得到一个空白图像。我不确定为什么它不起作用。我尝试通过数组加载，但出现解码错误

<img src="/myimage.png" id="myimage">

myimage.onload = function() {
    var ctx = mycanvas.getContext("2d");
    ctx.drawImage(myimage, 0, 0);
};

标签： javascripthtml

解决方案

我没有看到你看到的失败。

myimage.onload = function() {
    var ctx = mycanvas.getContext("2d");
    ctx.drawImage(myimage, 0, 0);
};
<img src="http://placekitten.com/200/300" id="myimage">

<canvas id="mycanvas" width="200" height="300"></canvas>

推荐阅读