这样绘制的方法，为什么绘制到canvas中图像老是藏在下面
来源：9-3 完成案例动画部分
慕虎5948952
2017-08-24 18:59:40
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Document</title>
<style>
#offCanvas{z-index: 100;}
</style>
</head>
<body>
<canvas id="canvas" width="800px" height="800px">
您的浏览器不支持canvas
</canvas>
<canvas id="offCanvas" width="800px" height="800px" >
您的浏览器不支持canvas
</canvas>
<script>
var offCanvas=document.getElementById("offCanvas");
var offCtx=offCanvas.getContext("2d");
var canvas=document.getElementById("canvas");
var ctx=canvas.getContext("2d")
offCtx.beginPath()
offCtx.fillStyle='#fff'
offCtx.shadowOffsetX=5
offCtx.shadowOffsetY=5
offCtx.shadowColor='rgba(0,0,0,0.2)'
offCtx.shadowBlue=10
offCtx.font="bold 100px sans-serif"
offCtx.fillText("<canvas>",100,350)
offCtx.fill()
var img=new Image()
img.src='../img/se-4.png'
img.onload=function(){
ctx.drawImage(img,0,0)
}
ctx.drawImage(offCanvas,0,0,offCanvas.width,offCanvas.height,0,0,canvas.width,canvas.height)
</script>
</body>
</html>
1回答
-
正在想名字呢
2017-08-24
在js里面，每一句代码后面都需要添加分号，分隔开的，你的好多都没有添加，你加上试试！
0
相似问题