[英]Why won't my Canvas show up?
<canvas id="canvas" width="150" height="150">
<p>Désolé, votre navigateur ne supporte pas Canvas mettez le donc à jour</p>
</canvas>
<script>
var canvas = document.querySelector('#canvas');
var context = canvas.getContext('2d');
var test = new Image();
test.src = 'test.jpg'; // I'm sure that test.jpg is in the folder
context.drawImage(test, 35, 35);
</script>
你能帮我么? 我的画布确实存在,但是无法在其中插入图片。 为什么? 有人可以解释我吗?
您需要使用图像的load
事件等待图像下载完成。
var test = new Image();
test.onload = function() { context.drawImage(test, 35, 35); };
test.src = 'test.jpg';
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.