//第一步:先获取到画布
var oMyCanvas = document.getELEMENTByID("myCanvas")
//第二步其实就是一根笔
var ctx = oMyCanvas.getcontext("2d")
//第三步开启一个新路径
ctx.beginPath()
//第四步:确定一个起点
ctx.moveTo
//第五步,绘制直线路径(确定其他点,并进行连线)
ctx.lineT
//第六步:关闭路径
ctx.closePath
//两个作用 1:抬起画笔 2:关闭 闭合路径
//第七步:喷色
//第一种:描边
描边宽度,一半在图形里面,一半在图形外边
ctx.lineWidth = 4;//笔的宽度
ctx.strokeStyle= ;笔的颜色
//第二种填充
//当路径没有闭合的时候,填充是默认闭合来填充的
ctx.fillStyle
ctx.fill()
ctx.stroke();绘制已定义好的路径
javaScript画布
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
相关阅读更多精彩内容
- 十七、在画布上绘图 原文:Drawing on Canvas译者:飞龙协议:CC BY-NC-SA 4.0自豪地采...
- Canvas是HTML5新增的组件,它就像一块幕布,可以用JavaScript在上面绘制各种图表、动画等 一个Ca...
- 填充和描边的颜色 fillStyle : 设置或返回用于填充绘画的颜色 strokeStyle: 设置或返回用于笔...
- 在做类似刮刮乐的活动,用canvas写了一个画布,但是画布在的位置是超出一屏了,刮动画布不起作用。 排版的时候习惯...