【文件属性】:
文件名称:canvas:学习学习学习
文件大小:20KB
文件格式:ZIP
更新时间:2021-05-11 21:31:13
HTML
canvas
学习学习学习
1:初学canvas
getContext():上下文环境
2:画矩形
fillRect(x,y,width,height) 不加单位 填充矩形
strokeRect(x,y,wdith,height) 不加单位 带边框的矩形
相当于在中间画
100 :99.5-100.5 (99-101)
clearRect(x,y,width,height)
清楚指定矩形区域,使其完全透明
fillStyle 设置图形的填充颜色
strokeStyle 设置图像轮廓颜色
lineWidth 线的宽度没有单位
lineJoin 线的连接处的样式
round 圆角,bevel 圆角,miter 直角
覆盖渲染
要注意这些函数,属性的前后顺序
3:绘制路径
图像的基本元素是路径。路径是通过不同颜色和宽度的线段或曲线相连形成的不同形状的点的集合。
步骤:
创建路径起始点-用画图命
【文件预览】:
canvas-master
----随便画画()
--------随便画画.html(2KB)
----三角形.html(1KB)
----签名()
--------README.md(239B)
--------set.js(1005B)
--------签名.html(782B)
----变换实例()
--------var.js(41B)
--------变换实例.html(2KB)
--------README.md(0B)
--------火箭.icon(10KB)
----圆弧.html(1KB)
----saverestore.html(1KB)
----README.md(3KB)
----.gitignore(2B)
----矩形.html(1KB)
----变换.html(1KB)
----canvas.html(943B)