小程序之canvas
最近使用了到小程序中canvas组件，简直是步步为坑...... 首先，canvas组件在drawImage线上的图片时，首先要把图片下载到本地，用wx.getImageInfo即可，在success中执行后面的操作。
其次，小程序中canvas的层级总是最高的，就算你设置z-index为-1也时没用的，这时候如果你想让canvas隐藏的话，可以使其绝对定位，然后left：-2000（这个数值视情况而定，不过应该没什么影响），然后page的样式设置为overflow-x:hidden; 这样就可以成功的把canvas隐藏了。
最后，在canvas生成图片时的分辨率问题，和设置canvas的宽高有直接关系，为了让图片最终保存时清晰度不下降，我的方法是将canvas的宽高和获取的图片的宽高保持一致的，不过这只是我知道的方法，也许还有更好的方法。
最最后，还有一个困扰我的问题，就是在canvas中设置自定义的字体，官方的动态加载字体wx.loadFontFace(OBJECT)，目前是没用的，我的方法：
@font-face {
font-family: 'SentyMARUKO-Elementary';
src: url(线上的字体链接地址） format('truetype');
}