h**TML5 canvas

时间：2019.05.13 发布人：tw5752778
h**TML5 canvas

已解决问题

谷歌tw5752778用户在2019.05.13提交了关于“朱圣th**TML5 canvas”的提问，欢迎大家涌跃发表自己的观点。目前共有1个回答，最后更新于2024-10-29T17:51:51。希望大家能够帮助她。

详细问题描述及疑问：期待您的答案，感谢你,我会记得你对我的好的 ！

希望以下的回答，能够帮助你。

第1个回答

用户名：匿名用户  

是这样的，建议在同一画布上绘制不同模块时，记得使用beiginPath()和closePath()框选起来来自，在里面使用***.style可以画不同颜色的东西

window.onload=function(){

varmyCa好rvas=document.getElementById('my-carvas')//mycarvas画布的id

varctx=myCarvas.getCo问答ntext('2d');

//绘制矩形

ctx.beginPa没度多倒湖烧th();

ctx.fillStyle='#ff0000';//填充颜色

ctx.fillRect(5,5,100,100);//填充矩形XYwidthheight

ctx.strokeStyle='blue';//边框颜色

ctx.line静源系县营排乱殖Width='5';//边框宽度

ctx.str转早字兴物少三赶okeRect(5,5,100,100)//边框起点X,Ywidthheight

ctx.closePath();

//基础线条

ctx.beginPath();

ctx.lineTo均究(150,150)

ctx.lineTo(250,150)

ctx.lineTo(200,250)

ctx.strokeStyle='d低著积酸县钱arkgreen';

ctx.closePath();

ctx.stroke();

}

效果如下，（背景颜色是另外的样式）