摘要: 实现说明: 1、先通过 new Image() 载入图片; 2、图片加载成功后使用 drawImage() 将图片绘制到画布上; 3、最后使用 fillText() 函数绘制水印。 下面展示了详细用法 效果展示: 本案例将图片的四个角都加上水印 在线演示 https://bi.cool/bi/P4O 阅读全文
posted @ 2023-12-22 01:26 灯会发光 阅读(586) 评论(0) 推荐(0) 编辑
摘要: 实现说明: 在 JS 中 canvas 原生没有支持对文字间距的调整,我们可以通过将文字的每个字符单独渲染来实现。本案例从 CanvasRenderingContext2D 对象的原型链上扩展了一个用于绘制带间距的函数 fillTextWithSpacing(),使用方式与原生 fillText() 阅读全文
posted @ 2023-12-22 00:41 灯会发光 阅读(459) 评论(0) 推荐(0) 编辑