小程序生成海报、生成图片库-Painter

小程序生成海报、生成图片库-Painter,第1张

想到小程序中有如此大量的生成图片需求,而 Canvas 生成方法又是如此难用和坑爹(有关小程序的坑,可看 https://github.com/Kujiale-Mobile/MP-Keng )。我们就想到可不可以做一款可以很方便生成图片,并且还能屏蔽掉直接使用 Canvas 的一些坑的库呢?对此我们发起了 “清孙陪 画家计划 — 通过 json 数据答蠢形式,来进行动态渲染并绘制出图片”。凯蔽

这篇主要讲canvas绘制以及保存到本地相册的方法

实现功能如下:

1.用户手动输入文字,并把这些文字绘制到canvas中

2.将图片绘制到canvas中

3.将canvas变成图片并保存到本地相册中

效果如图:

第一部分 wxml

要注意写这种形式tpye='2d',这是新版本的,旧版本的如下图已经不维护了,所以建议写这种,另外要注意id,不是写canvas-id,而只是id

第二部分 js

这么一写下来也没有什扰拍么特别卖李孝难的地方。其实还可以实现用户手动上传图片,这样可能会更有中稿趣一点

微信小程序中有一个功能是canvas画布功能,那么这个功能该怎么用呢?下面的教程就是关于微信小程序的canvas画布功能怎么用的,一起来看看吧。

携高薯微信小程序中有一个功能是canvas画布功能,那么这个功能该怎么用呢?下面的教程就念散是关于微信小程序的canvas画布功能怎么用的,一起来看看吧。辩者

canvas画布,你可以理解为有一张白布,你可以在画布上画出不同形状、颜色、粗细的图形。


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

原文地址: https://outofmemory.cn/yw/8261572.html

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

发表评论

登录后才能评论

评论列表(0条)

保存