canvas画图片显示不出来,代码如下。
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了canvas画图片显示不出来,代码如下。相关的知识,希望对你有一定的参考价值。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>playGame</title>
</head>
<body>
<canvas id="MyCanvas" width="740px" height="500px"></canvas>
<script type="text/javascript">
var c=document.getElementById("MyCanvas");
var cxt=c.getContext("2d");
//draw backgroundimage
function drawbg()
var bgimg= new image();
bgimg.src="img/bgimg.jpg";
cxt.drawImage(bgimg,0,0);
drawbg();
setInterval(drawbg,200);
</script>
</body>
</html>
function drawbg()
var bgimg= new image();
bgimg.src="img/bgimg.jpg";
bgimg.onload=function()
cxt.drawImage(bgimg,0,0);
图片没有加载所以没有成功哦。
参考技术A 试下var bgimg= new image();改成var bgimg= new Image();canvas 绘图画出的线条粗细不一致
参考技术A 同情况,重装了驱动无用,然后我很无奈地跟不用压感的值笔死磕,过了几天它居然莫名奇妙地好了OTL(喂你这种死拖等好的办法根本就是在误导别人吧)...以上是关于canvas画图片显示不出来,代码如下。的主要内容,如果未能解决你的问题,请参考以下文章
C# Winform picturebox显示用代码画出来的字符串图片
Android画圆形图片,clippath方式/Xfermode方式