我的最新版小程序想在绘制时使用自定义字体,需要将旧版canvas升级到2d新版,发现了许多问题,下面记录一下并提供解决思路,仅供参考,欢迎提供新思路。
一、开发工具和安卓上drawImage不执行,绘制出来是空白:
不知道哪里出了问题,反正要么不进image.onload,要么进入就undefined(最新:改成同步执行即可)。解决办法就是先在页面生命周期onLoad中使用离屏canvas创建image,再在2d接口需要绘制图片的地方直接使用页面onLoad时创建好的image。
二、动态设置canvas高度:
解决办法就是曲线救国,调用两次绘制流程,第一次仅计算出高度,第二次再绘制内容。
三、高度1365(或4096)限制:
手机端新版canvas 2d高度限制不好解决,我的办法就是计算高度,如果超过限制就提示用户使用电脑端小程序绘制,并保持小程序电脑端依然走老canvas流程,所幸的是老canvas支持电脑端自定义字体。
四、绘制后的内容清晰度不好,模糊:文章来源:https://www.toymoban.com/news/detail-828780.html
页面wxml中的style宽高值需要和js代码中的canvas宽高值(未乘宽高比之前)保持一致。文章来源地址https://www.toymoban.com/news/detail-828780.html
到了这里,关于小程序Canvas 2D问题解决,如安卓drawImage不执行、动态高度设置、高度1365(或4096)限制等的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!