小程序之canvas应用

canvas生成海报问题

canvas画布的隐藏问题:

可以设置css样式,将其移出可视区域,如下

position: fixed;
left: 999px;

canvas的绘制:

好看的海报要依靠好的背景图

canvas的方法只用于实现一些简单的线条,图案,以及文字

生成海报后的处理:

方法一: 较为简单且合适的方法

  1. 先调用wx.canvasToTempFilePath(),将画布保存为图片

  2. 图片生成后调用图片预览的api  , wx.previewImage(传入临时路径即可)

方法二: 将canvas生成的图片下载到本地(保存本地时可以showToast给用户一些提示)

canvas生成图片保存本地时注意事项:

* canvas的宽高比可采用420:600,比例合适,可根据需要自行调节

* 再生成图片时,可以不设置生成图片的宽高,他会按canvas自动生成(若设置宽高,图片不好控制大小,各位谁会这一点的,欢迎留言指教)


canvas绘制折线图,饼状图

猜你喜欢

转载自blog.csdn.net/qq_40934679/article/details/83185611