![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序
文章平均质量分 64
Polly-Yang
路漫漫其修远兮,吾将上下而求索。
展开
-
小程序生成画报并保存
生成画报并保存到本地在做小程序项目的时候有一个功能是保存商品图片和商品对应的二维码信息并生成多张画报图片并保存。来记录一下实现的方式。1.效果图2.分析一下这个功能如何实现查看了小程序API之后,得出结论这个功能只能通过在canvas上绘制图片和文字来实现。参考微信公众平台api获取CanvasContext:wx.createCanvasContext,canvas操作:CanvasContext操作3.实现代码index.jsPage({ /** * 页面的初始数据 *原创 2021-01-26 10:54:58 · 478 阅读 · 0 评论 -
小程序使用动画实现底部弹窗
使用动画实现底部弹窗顺滑弹出、离开效果先上效果图![在这里插入图片描述](https://img-blog.csdnimg.cn/2021010510005892.gif#pic_center下面贴上代码WXML代码<view class="commodity_screen" bindtap="hideModal" wx:if="{{showModalStatus}}"></view><!--弹出框 --><view animation="{{anima原创 2021-01-05 10:25:06 · 2306 阅读 · 1 评论 -
小程序解决canvas层级太高
最近在开发小程序,里面有很多图表界面,这才知道小程序canvas的坑。使用echarts在小程序上绘制图表,自定义的tab栏层级不够,页面向上滚动的时候图表在tab栏上面,并且canvas层级比调试框还高。本文介绍两种解决这种问题的方案。一、问题的出现二、解决方法1.将canvas保存成图片,这个方案比较好实现,但是由于图表保存成了图片就无法响应点击事件,效果不好。JS代码如下:// 'mychart-dom-pie' ec-canvas的id const ecComponent = t..原创 2020-12-30 10:44:13 · 8809 阅读 · 4 评论