JS__精简__Canvas

属性

fillStyle

填充颜色

strokeStyle

填充边的颜色

shadowColor

阴影颜色

shadowBlur

阴影模糊

shadowOffsetX

阴影水平距离

shadowOffsetY

阴影垂直距离

lineCap

圆帽形

lineJoin

尖角形

lineWidth

线条宽度

miterLimit

设置或返回最大斜接长度

width

ImageData对象宽度

height

ImageData对象高度

data

图像数据

globalAlpha

设置或返回绘图的当前 alpha 或透明值

globalCompositeOperation

设置或返回新图像如何绘制到已有的图像上

函数

createLinearGradient

线性渐变

createPattern

在指定的方向上重复指定的元素

createRadialGradient

放射状/环形渐变

addColorStop

规定渐变对象中的颜色和停止位置

rect

创建矩形

fillRect

填充矩形

strokeRect

填充边

clearRect

在给定的矩形内清除指定的像素

fill

填充当前绘图(路径)

stroke  

绘制已定义的路径

beginPath

起始一条路径,或重置当前路径

moveTo

把路径移动到画布中的指定点,不创建线条

closePath

创建从当前点回到起始点的路径

lineTo

添加一个新点,然后在画布中创建从该点到最后指定点的线条

 quadraticCurveTo

创建二次贝塞尔曲线

bezierCurveTo

创建三次方贝塞尔曲线

arc

创建弧/曲线(用于创建圆形或部分圆)

arcTo

创建两切线之间的弧/曲线

isPointInPath

如果指定的点位于当前路径中,则返回 true,否则返回 false

scale

缩放

rotate

旋转

translate

重新映射画布上的 (0,0) 位置

transform

替换绘图的当前转换矩阵

setTransform

将当前转换重置为单位矩阵。然后运行transform()

font

字体属性

textAlign

文字对齐方式

textBaseline

设置或返回在绘制文本时使用的当前文本基线

fillText

在画布上绘制“被填充的”文本

strokeText

在画布上绘制文本(无填充)

measureText

返回包含指定文本宽度的对象

drawImage

绘制图像|画布|视频

createImageData

创建新的、空白的 ImageData 对象

getImageData

返回 ImageData 对象,该对象为画布上指定的矩形复制像素数据

putImageData

把图像数据(从指定的 ImageData 对象)放回画布上

save

保存当前环境的状态

restore

返回之前保存过的路径状态和属性

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

vip飞梦

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值