使用JavaScript的椭圆到路径的转换

问题描述 投票:0回答:1
<ellipse cx="150" cy="80" rx="100" ry="50"   style="fill:yellow;stroke:purple;stroke-width:2" />

如何将svg椭圆标记转换为javascript中的svg路径

<path fill-rule="evenodd" clip-rule="evenodd" fill="#DE1414" d="M170.821,..........z"></path>
javascript svg ellipse path.js
1个回答
1
投票

路径的d属性由4条三次贝塞尔曲线组成,每个象限一条。为了计算控制点位置,我使用常数kappa=0.5522847498;。我从Drawing a circle with Bézier Curves中获取了kappa的值

函数getD(cx, cy, rx, ry)将椭圆cx和cy的中心坐标以及椭圆rx和ry的半径作为坐标。

© www.soinside.com 2019 - 2024. All rights reserved.