微信小程序画布（canvas）生成图片模糊的解决办法

我们在用微信小程序画canvas可能会遇到生成的图片保存后很模糊的问题，根据之前的经验，我总结了两种解决办法，分别从画canvas，和保存的角度解决，各有利弊。

1、画canvas时，都用设计稿的2倍，wx.canvasToTempFilePath设置参数destWidth、destHeight(输出的宽度和高度)和width、height一样。

优点：保存的图片尺寸较小，尺寸是设计稿的2倍，图片清晰；
缺点：画canvas时需要注意2倍问题，计算增加复杂度；

2、画canvas尺寸不变，都和设计稿一样。wx.canvasToTempFilePath设置参数destWidth和destHeight(输出的宽度和高度)为width和height的2倍以上

优点：画canvas没有计算问题，和设计稿一致即可，图片清晰；
缺点：保存的图片是原来（destWidth、destHeight和width、height一样）的2倍以上，和设置的倍数一样，图片尺寸太大；

微信小程序画布（canvas）生成图片模糊的解决办法相关推荐

微信小程序 border设置单边框失效解决办法
微信小程序 border设置单边框失效解决办法遇到的问题解决的方法总结遇到的问题 border-right: 1 rpx solid #ccc;border-bottom: 1 rpx sol ...
微信小程序画布Canvas组件touchend事件不触发处理
一.摘要在微信小程序手势图案锁屏.解锁实现并提供onSuccess等回调一文中,用Canvas画布组件实现了类似Android和Iphone的图案锁屏.解锁功能,除去偶尔卡顿.滑动不连续外,其它都还 ...
微信小程序WebView嵌入别人网页的解决办法
在做微信小程序开始时,大家都能遇到,WebView组件使用的URL必须要在小程序的后台设置业务域名,并且在对应域名服务器根目录下要放置对应的验证文件,否则发布后是无法正常打开的. 在开发测试时,我在小 ...
微信小程序相同appid项目名称重复解决办法
在做微信小程序实验的时候有一次在硬盘直接删除项目比如我建的小程序的项目名叫 layout 当我再次使用微信开发工具建立 layout 项目的时候报已存在touristappid layout项目这 ...
反编译获取微信小程序源码（包含错误解决办法）
PS:本文章仅用于分享自己反编译的过程以及解决办法,切勿小程序反编译成功后做一些违反人伦的事情! 一. 前言最近在搞学校的一个晚签到小程序的时候遇到了一个MD5加密问题,试了好多方法都没有解决,所以 ...
微信小程序审核不通过原因和解决办法
微信小程序审核不通过原因有很多种,注意看微信提供的通知中对审核不通过的说明. 原因:见微信提供的通知中对审核不通过的说明解决办法:根据微信通知要求修改.
微信小程序苹果手机边框1rpx显示不全解决办法
微信小程序苹果手机边框1rpx显示不全,加上transform: rotateZ(360deg) .address-map{width: 125rpx;height: 36rpx;line-heigh ...
微信小程序数据 \n 换行符失效解决办法
最近遇到一个问题,使用uni-app写小程序时,拿到一个字符串: 后台返回的,需要在"\n"处换行.但是直接使用: let title = 黄鹤楼送\n孟浩然之广陵 <tex ...
微信小程序canvas上传PHP,微信小程序画布 canvas
基础库 1.0.0 开始支持,低版本需做兼容处理. 画布.2.9.0 起支持一套新 Canvas 2D 接口(需指定 type 属性),同时支持同层渲染,原有接口不再维护.相关api:获取 canva ...

微信小程序画布（canvas）生成图片模糊的解决办法

微信小程序画布（canvas）生成图片模糊的解决办法相关推荐

最新文章

热门文章