老师字体无论怎么设置都没法变大
来源:9-2 编程练习
小鲜花
2019-12-27 10:33:34
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<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>
<script>
var canvas=document.getElementById("canvas");
var context=canvas.getContext("2d");
//补充代码
var canvas2=document.getElementById("canvas2");
var context2=canvas2.getContext("2d");
var str='==WWW.imooc.com';
context2.fillStyle="#fff";
context2.font='bold 100px';
context2.lineWidth=30;
context2.textAlign='center';
context2.fillText(str,200,170);
var img=new Image();
img.src='http://climg.mukewang.com/5aa6633400017bc704170220.jpg';
img.onload=function(){
context.drawImage(img,0,0);
context.drawImage(canvas2,0,0,canvas2.width,canvas2.height,0,0,canvas.width,canvas.height);
}
</script>
</body>
</html>
1回答
好帮手慕糖
2019-12-27
同学你好,font使用简写的话,要有字体大小与字体,这里可以添加下字体为微软雅黑,例:

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~
相似问题
回答 2
回答 2