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>

var bgimg= new image();改成 var bgimg= new Image();

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画图片显示不出来,代码如下。的主要内容,如果未能解决你的问题,请参考以下文章

canvas 图片圆角问题

C# Winform picturebox显示用代码画出来的字符串图片

Android画圆形图片,clippath方式/Xfermode方式

Delphi 怎么将PNG文件分割,用image显示做图片按钮?

部署到docker容器后图片验证码显示不出来

HTML5中如何设置画布canvas中用drawImage画出来的每个图片不同的透明度?