微信小程序 canvas生成图片是空白的

微信小程序 canvas生成图片是空白的,第1张

参考文章: 微信小程序 canvas 绘图问题总结

公司提了图片压缩的需求,在网上查了些资料,用canvas实现了,但发现使用wx.canvasToTempFilePath如果只是打印图片地址然后点击地址查看图片,或者保存图片至相册再查看图片,拿到的图片就是正常的,但我如果要在压缩后的success回调中使用图片去做一些事情(比如编码wx.getFileSystemManager().readFile、上传至服务器wx.request),拿到的图片就是空白的。

经过多次调试后发现,是这里的问题

这里需要设置的多一点。我之前设置的100,即100ms,可能因为上传至服务器是异步的,导致100ms内canvas没法完成图片加载 *** 作,生成的图片就是空白的。改成1000之后,图片有足够长的时间渲染,就不会出现空白图片的问题了。

小程序canvas生成转发图时需要canvas隐藏 不能使用 display:none hidden属性 加上后canvas不能绘图

网上的方法都试过了 都不行最后自己实现了 但是不能进行翻页,有更好的方法欢迎提供 万谢

最先试过这个方法 外层套view ,width height都设为0 模拟器生效 真机不生效

后来查到了 可通过cover-view 自定义view标签 进行遮盖

然后发现真机上 cover-view 按下后带有灰色背景 最后想直接定位到屏外 页面禁止滑动 最后成了

json中加入

最后是行了 反正页面就两按钮不需要滑动, 求更好的方法实现


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

原文地址: http://outofmemory.cn/yw/7951619.html

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

发表评论

登录后才能评论

评论列表(0条)

保存