麻烦老师检查

首页课程实战体系课手记专栏慕课教程

麻烦老师检查

来源：9-2 编程练习

Yuri沫

2020-04-24 21:49:54

<!DOCTYPE html>

<html>

<head>

<title>canvas离屏</title>

<style>

#canvas2{

display: none;

}

</style>

</head>

<body>

<canvas width="800px" height="800px" id="canvas">您的浏览器不支持canvas</canvas>

<canvas width="800px" height="800px" id="canvas2">您的浏览器不支持canvas</canvas>

var canvas=document.getElementById("canvas");

var context=canvas.getContext("2d");

//补充代码

var canvas2=document.getElementById("canvas2");

var context2=canvas2.getContext("2d");

context2.font="bold 50px microsoft yahei";

context2.fillStyle = "rgba(255,255,255,0.5)";

context2.fillText("==www.imooc.com=",135,525);

var img = new Image();

img.src = "http://climg.mukewang.com/5aa6633400017bc704170220.jpg";

img.onload = function(){

context.drawImage(img,88,235,625,330);

context.drawImage(canvas2,0,0,canvas2.width,canvas2.height,0,0,canvas.width,canvas.height);

}

</script>

</body>

</html>

写回答

1回答

好帮手慕码

2020-04-25

已采纳

同学你好，代码实现效果正确，继续加油，祝学习愉快~

0 学习 · 4826 问题

查看课程

相似问题

麻烦老师检查

回答 1

麻烦老师检查

回答 1

麻烦老师检查

回答 1

麻烦老师检查

回答 1

麻烦老师检查

回答 1

打开慕课网App查看更多内容