Javascript drawImage()不是';不为画布工作
下面是我的代码,我不知道我做错了什么。当我预览它时,图像不在那里,只有画布边框Javascript drawImage()不是';不为画布工作,javascript,html,image,canvas,Javascript,Html,Image,Canvas,下面是我的代码,我不知道我做错了什么。当我预览它时,图像不在那里,只有画布边框 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Page Title</title> </head> <canvas id="myCanvas" width="200" height="100" style="border:1px sol
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Page Title</title>
</head>
<canvas id="myCanvas" width="200" height="100"
style="border:1px solid #000000;">
</canvas>
<body>
<script>
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
var sticky = new Image();
sticky.src = "sticky.png";
sticky.onload = function() {
context.drawImage(sticky, 0, 0);
};
</script>
</body>
</html>
页面标题
var canvas=document.getElementById(“myCanvas”);
var context=canvas.getContext(“2d”);
var sticky=新图像();
sticky.src=“sticky.png”;
sticky.onload=函数(){
drawImage(粘性,0,0);
};
控制台显示指向文件的链接。如果正确,请查看此处
也许您应该等到图像加载后再绘制。请尝试以下方法:
var canvas=document.getElementById(“myCanvas”);
var context=canvas.getContext(“2d”);
使_基();
函数make_base()
{
基本图像=新图像();
base_image.src=http://techtastico.com/files/2014/06/Apple-Swift-Logo.png';
base_image.onload=函数(){
drawImage(基本图像,0,0);
};
}
是否正在执行onload?检查sticky.png是否是图像的有效路径。当我使用html标记时,图像会显示出来,但我希望它出现在javascript中,这样我就可以让它移动和填充。很明显,图像本身的路径是好的,但是我的javascript中的语法可能是错误的?不,你的语法是好的…我替换了我自己的图像,你的代码运行得很好。您很可能遇到时间问题,所以请尝试在.onload之后放置.src(不太可能更改任何内容,但值得一试)。您的答案与提问者的代码有什么不同?