1.11.3 • Published 5 years ago
svg-path-to-canvas v1.11.3
Convert SVG d path to canvas commands
针对一些不支持Path2D API的canvas环境(比如微信小程序),提供将svg path转换成canvas命令的方法。
<script src="https://s1.ssl.qhres.com/!e2cdf9c7/svg-path-to-canvas.min.js"></script>
npm install svg-path-to-canvas
const d = 'M23.6,0c-3.4,0-6.3,2.7-7.6,5.6C14.7,2.7,11.8,0,8.4,0C3.8,0,0,3.8,0,8.4c0,9.4,9.5,11.9,16,21.2 c6.1-9.3,16-12.1,16-21.2C32,3.8,28.2,0,23.6,0z'
const sp = new SvgPath(d)
const [cx, cy] = sp.center
const context = mycanvas.getContext('2d')
sp.save()
.beginPath()
.translate(-cx, -cy)
.rotate(45)
.scale(10)
.translate(cx, cy)
.translate(350, 350)
.strokeStyle('red')
.lineWidth(3)
.to(context)
.stroke()
1.11.3
5 years ago
1.11.2
5 years ago
1.11.1
5 years ago
1.11.0
5 years ago
1.10.1
5 years ago
1.10.0
5 years ago
1.9.6
6 years ago
1.9.5
6 years ago
1.9.4
6 years ago
1.9.3
6 years ago
1.9.2
6 years ago
1.9.1
6 years ago
1.9.0
6 years ago
1.8.4
6 years ago
1.8.2
6 years ago
1.8.1
6 years ago
1.8.0
6 years ago
1.7.0
6 years ago
1.6.0
6 years ago
1.5.0
6 years ago
1.4.0
6 years ago
1.3.0
6 years ago
1.2.0
6 years ago
1.1.0
6 years ago
1.0.3
6 years ago
1.0.2
6 years ago
1.0.1
6 years ago
1.0.0
6 years ago
0.4.1
6 years ago
0.4.0
6 years ago
0.3.0
6 years ago
0.2.0
6 years ago
0.1.0
6 years ago