小程序利用Canvas绘制图片和竖排文字

时间:2024-04-18 11:24:28
【文件属性】:

文件名称:小程序利用Canvas绘制图片和竖排文字

文件大小:210KB

文件格式:PDF

更新时间:2024-04-18 11:24:28

小,程序,利用,Canvas,绘制,图片,和,竖排,文字,

闲暇时间抽个空写了个三国杀武将手册的小程序,中间有个需求设计的是合成武将皮肤图、竖排的武将姓名、以及小程序码,然后提供保存图片到相册,最终让用户可以分享到朋友圈或其他平台。合成图片应该按照 Canvas 的文档来做都没什么问题,主要是有个竖排文字的需求,这里和大家分享一下。           正文 首先放一张最终保存到相册的图片吧~ (此图片来源于网络,如有侵权,请联系删除! ) 自我感觉良好,至少达到了我自己的预期吧~~~ 下面让我们一步一步来看看如何实现的吧。 整个图片分为三个部分: 武将图片 小程序码 武将文字信息 先来看一下 wxml 里面的代码,主要是放了一个 canvas 标签,


网友评论