18910140161

Canvas基础知识详解

顺晟科技

2021-06-16 11:04:19

286

标签

帆布

哪些不支持canva的浏览器可以看到

帆布

绘图环境

GetContext(' 2d ');目前支持2d场景

画一个矩形

rect(l,t,w,h) :创建一个矩形

fill rect(l,t,w,h) :绘制实心矩形

strokerect(l,t,w,h)绘制矩形(无填充)

默认一个像素黑色边框

设定绘图

fillstyle :填充颜色(画布绘制是连续的)

线宽:线宽,手写粗细

笔画样式:边缘颜色

绘制路径

beginPath()

关闭路径()

移动到()

线路至()

描边:绘制和绘制(黑色默认)

填充:填充(黑色默认)

矩形区域

清除矩形区域

保存进入XXX()状态

恢复退出xxx()状态

画一个圆

弧(x,y,半径,开始弧度,结束弧度,旋转方向)

x,y起始位置

弧度和角度:弧度=角度x /180

旋转方向:顺时针(默认:假),逆时针(真)

示例时钟

绘制字体

字体:设置字体大小

填充文本:填充字体

笔画文本:绘制字体

我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航