Canvas渐变文字

Abstracted

于 2023-05-24 14:32:14 发布

阅读量848

点赞数

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/qq_16159433/article/details/130846439

版权

canvas文字渐变

线性渐变

createLinearGradient: createLinearGradient: 创建线性渐变对象
addColorStop:添加渐变颜色起始点

let linearGradient = canvas.createLinearGradient(uni.upx2px(x), uni.upx2px(y), uni.upx2px(x) + canvas.measureText(text).width , uni.upx2px(y))
linearGradient.addColorStop(0.5, "#20FCFF");
linearGradient.addColorStop(1, "#1C77FF");
canvas.setFillStyle(linearGradient)
canvas.font = `bold ${uni.upx2px(28)}px sans-serif`
canvas.fillText(text,uni.upx2px(x), uni.upx2px(y))

在这里插入图片描述