html5 cavnas 标签的文字怎么做的

html5 cavnas 标签的文字怎么做的,第1张

HTML5新标签canvas来绘制文本文字可以这样做:

Shadows API 。

API 的属性为:

shadowColor:阴影颜色。其值和 CSS 颜色值一致。

shadowBlur:设置阴影模糊程度。此值越大,阴影越模糊。其效果和 Photoshop 的高斯模糊滤镜相同。

shadowOffsetX 和 shadowOffsetY:阴影的 x 和 y 偏移量

下面是HTML5代码部分

context.shadowOffsetX = 5

context.shadowOffsetY = 5

context.shadowBlur= 4

context.shadowColor = ‘rgba(255, 0, 0, 0.5)’

context.fillStyle = ‘#00f’

context.fillRect(20, 20, 150, 100)

context.fillStyle = "#000000"//颜色

context.font = "normal 20px 微软雅黑"//字体

context.textBaseline = "middle"//竖直对齐

context.textAlign = "center"//水平对齐 

context.fillText("文字", x坐标, y坐标, 文字宽度)//绘制文字

以上是canvas绘制文字常用的.


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7317677.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-04
下一篇 2023-04-04

发表评论

登录后才能评论

评论列表(0条)

保存