canvas
文章平均质量分 53
司徒小北
这个作者很懒,什么都没留下…
展开
-
canvas生成自定义大小图片
场景:比如移动端签名,一张canvas画布,在任意位置书写之后,生成一张图片,如果这种图片要放到某一个签名的位置会显的特别大,我们来解决这个问题一、生成canvas图片通过 canvas.toDataURL('image/png', 1) 生成一张base64的canvas图片,也可以是你自己的其他图片二、将原图转换为自定义大小的图片/** * resize 生成自定义大小的图片 * @param {String} datas 图片原文件 * @param {Num.原创 2021-04-20 11:22:58 · 4946 阅读 · 0 评论 -
改变canvas生成的图片中文本颜色
一、将canvas画布生成图片获取canvas,通过canvas.toDataURL('image/png', 1)直接可以将画布转换成base64图片二、canvas书写的时候是一个颜色,书写完生成图片的时候,图片中的文本字体变成另一个颜色,如何处理?可以通过设置canvas.getContext('2d').globalCompositeOperation的值来实现具体方法如下:书写中画布的文本颜色设置:this.canvas = canvas;this.context.原创 2021-04-19 18:14:03 · 3162 阅读 · 0 评论