ec-canvas在微信小程序真机tooltip出现阴影

环境

开发环境为uniapp+vue2，使用ec-canvas，主要在微信小程序平台使用

问题描述

微信开发者工具正常，扫码和上传到体验版（正式版）均出现文字阴影

解决方案

可以看到主要问题是文字阴影，设置tooltip文字阴影样式解决问题

tooltip: {
  textStyle: {
    textShadowBlur: 1, //必须要大于0
    textShadowColor: 'transparent' // 必要
  }
},

效果

可以看到即使是放大，文字也清晰显示

结语

在实际业务中，微信小程序使用ec-canvas会面临很多坑要处理（参考文档也很少），而且即使缩减功能引入的js也有大几百kb，会影响开发和使用体验。如果没有特定需求，可以考虑其它库或者使用webview嵌入h5页面。