html - 如何确定路径弧中的大弧标志

标签 html svg

我有两个坐标start(x1,y1) end(x2,y2)和circle(c1,c2)

x1, y1, x2, y2, c1, c2, radius, clockwise

我想画一条弧线,从(x1,y1)到(x2,y2),我认为SVG路径是

M x1 y1 A radius radius 0 ? clockwise x2 y2

但是我如何确定large-arc-flag是1还是0,谢谢。

最佳答案

规范这一部分中的图表几乎解释了正在发生的事情。

http://www.w3.org/TR/SVG/paths.html#PathDataEllipticalArcCommands

如果有起点、终点和半径,那么这些点之间的圆弧要么是小圆弧(<180deg),要么是大圆弧(>180deg - 绕圆的长距离) 。当然,这是假设圆心不直接位于两点之间。

在大多数情况下,您可能需要走捷径。即large-arc-flag = 0。

通常是另一个标志,sweep,这是比较棘手的一个。

关于html - 如何确定路径弧中的大弧标志,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19982068/

相关文章:

javascript - 如何在我的自定义 slider JavaScript 代码中插入自动播放选项

html - 纯 CSS3 显示/隐藏带过渡的全高 div

javascript - 如何使用不完整的 CSS 处理 Chrome 渲染动态添加的元素

javascript - 独立 SVG 中的动画(使用 ecmascript(和 jQuery?!))

asp.net - 如何在asp.net中开发一个分辨率独立的网站

javascript - 在函数中转换事件处理程序

html - Sass 编译并对更改的内容创建注释

css - D3 生成的 linearGradient 在 Firefox/IE 中不起作用

javascript - 用 Javascript 替换 Svg 文件中的颜色

svg - (RaphaelJS)-如何填充路径的内部?