微信小程序Path2D不支持svg路径的解决办法
问题开发一个微信小程序项目的时候需要用到Path2D这个对象,但是发现小程序的Path2D对象不支持实例化的时候直接传入’svg path’,导致下面的代码运行的时候报错(浏览器中可运行) 123456#其它代码(省略)...//核心代码let p = new Path2D("M10 10 h 80 v 80 h -80 Z"); //微信小程序中会报错ctx.fill(p); 而小程序的Path2D对象只支持用命令式编程的方式去构建Path2D路径,代码如下: 1234567891011#其它代码(省略)...//核心代码let p = new Path2D();p.moveTo(10, 10);p.lineTo(90, 10);p.lineTo(90, 90);p.lineTo(10, 90);p.closePath();ctx.fill(p); 这种方式有两个问题: 路径比较复杂这样的绘制代码就会很多(不优雅) 不能使用现有svg path(主要问题) 解决办法查了相关的开发文档之后决定写一个工具函数svgPathStringToCanvas来 ...
第一篇博客
新博客搭建之后的第一篇文章。