canvas2D绘图环境属性

属性简介
canvas指向该绘图环境所属的canvas对象。该域性最常见的用途就是通过它来获取 canvas 的宽度与高度,分別调用 context.canvas.width 与 context.canvas.height 即可
fillstyle指定该绘图坏境在后续的图形填充操作中所使用的颜色、渐变色或图案
font设定在调用绘图环境对象的fillText()或strokeText()方法时,所使用的字型
globalAlpha全局透明度设定,它可以取0 (完全透明)〜1.0 (完全不透明〉之间的值。浏览 器会将每个像素的alpha值与该值相乘,在绘制图像时也是如此
globalCompsiteOpcration该值决定了浏览器将某个物体绘制在其他物体之上时,所采用的绘制方式。
lineCap该值告诉浏览器如何绘制线段的端点。可以在以下三个值中指定一个:butt、 round 及 square。默认值是 butt
lineWidth该值决定了在canvas之屮绘制线段的屏幕像素宽度。它必须是个非负、非无穷的double值。默认值是1.0
lincJoin吿诉浏览器在两条线段相交时如何绘制焦点。可取的值是:bevel、round, miter。 默认值是miter
mitcrLimit告诉诉浏览器如何绘制miter形式的线段焦点。
shadowBlur该值决定浏览器该如何延伸明影效果。值越高,阴影效果延伸得f就越远。该值不是指阴影的像索长度,而是代表高斯模糊方程式屮的参数值。它必须是一个非负且且非无穷的double值,默认消是0
shadowColor该值告诉浏览器使用何种颜色来绘制阴影。通常采用半透明色作为该属性的值,以便让后面的背景能显示出来
shadowOffsetX以像素为单位,指定了阴影效果的水平方向偏移量
shadowOffsetY以像素为单位,指定了阴影效果的垂直方向偏移量
strokeStylc指定了对路径进行描边时所使用的绘制风格。该值可被设定为某个颜色、渐变色或者图案
textAlign决定了以fillText()或strokeText()方法进行绘制时,所画文本的水平对齐方式
textBaseline决定了以fillText()或strokeText()方法进行绘制时,所画文本的垂直对齐方式
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

书香水墨

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

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

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

打赏作者

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

抵扣说明:

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

余额充值