canvascontext.setshadow(number offsetx, number offsety, number blur, string color)
支付宝客户端 支持
支小宝客户端 支持
安诊儿客户端 支持
主体: 企业支付宝小程序 、 个人支付宝小程序
相关文档: 旧版 canvas 迁移指南
设置阴影样式。
可具体设置阴影的位置、颜色和模糊级别。
效果示例
代码示例执行效果
默认标题0
number offsetx
阴影相对于形状水平方向的偏移
可选,默认为 0
number offsety
阴影相对于形状竖直方向的偏移
可选,默认为 0
number blur
阴影的模糊级别,值越大越模糊。取值范围为 0~100,负数、 infinity、nan 会被忽略
可选,默认为 0
string color
阴影颜色,能被解析为 css 颜色的字符串
可选,默认为 'black'
设置阴影
.js
.axml
const ctx = my.createcanvascontext('canvas')
// 设置阴影
ctx.setshadow(15, 20, 15, 'yellow')
// 绘制方形
ctx.setfillstyle('red')
ctx.fillrect(20, 20, 100, 50)
ctx.draw()
<canvas id="canvas">canvas>