小编deb*_*goz的帖子

HTML Canvas不显示图像

我确定这是一个简单的东西,我忽略了,但我似乎无法让我的画布显示存储在服务器上的jpg.

<img id="test_img" alt="test" src="/media/tmp/a4c1117e-c310-4b39-98cc-43e1feb64216.jpg"/>
<canvas id="user_photo" style="position:relative;"></canvas>
<script type="text/javascript"> 
    var image = new Image();
    image.src = "/media/tmp/a4c1117e-c310-4b39-98cc-43e1feb64216.jpg";
    var pic = document.getElementById("user_photo");
    pic.getContext('2d').drawImage(image, 0, 0);
</script>
Run Code Online (Sandbox Code Playgroud)

<img>如预期显示,但是在画布上是空白的,但它似乎有正确的尺寸.谁知道我做错了什么?

我疲惫的双眼会感激任何帮助.

谢谢

javascript html5 canvas

7
推荐指数
1
解决办法
8920
查看次数

标签 统计

canvas ×1

html5 ×1

javascript ×1