为什么显示在下面了？

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

为什么显示在下面了？

来源：9-2 编程练习

soso_crazy

2019-05-20 18:52:17

<!DOCTYPE html>

<head>

<title>canvas离屏</title>

<style>

#mycanvas {

display: none;

}

</style>

</head>

<body>

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

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

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

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

//补充代码

var img = new Image();

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

img.onload = function() {

context.drawImage(img, 300, 300);

}

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

var myContext = mycanvas.getContext("2d");

myContext.font = "bold 50px serif";

myContext.textAlign = "center";

myContext.fillStyle = "#00000";

myContext.fillText("==www.imooc.com=", 500, 500);

context.drawImage(mycanvas, 0, 0, context.canvas.width, context.canvas.height, 0, 0, myContext.canvas.width, myContext.canvas.height);

</script>

</body>

</html>

那个水印被遮住了，应该如何调整？

写回答

1回答

好帮手慕星星

2019-05-20

你好，把离屏的代码也放在onload事件中，等到图片加载完之后再设置：

效果：

可以在调整一下文字的大小和样式。

祝学习愉快！

0 学习 · 6815 问题

查看课程

相似问题

为什么图片在上，颜色在下，没有图片在下，颜色在上？

回答 2

老师为什么下面的圆没显示

回答 1

回答 5

回答 2

老师为什么鼠标放上去不停止呢？

回答 2

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