首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >SVG路径半圆(raphael)

SVG路径半圆(raphael)
EN

Stack Overflow用户
提问于 2013-10-14 03:06:58
回答 1查看 1.6K关注 0票数 0

我试图创建一个内圆,它位于一个完整的圆圈的底部。我一直在尝试使用paper.path()创建它。

下面是示例小提琴手

代码语言:javascript
运行
复制
paper.path("M32,180 L248,180 a15,10 8 0,1 -215,0 z");
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-10-14 03:34:30

使用这样的sector函数:

代码语言:javascript
运行
复制
sector(140, 140, 116, 200, 340, {})

返回你想要的。只需将第一个移动命令替换为移动到圆弧的第一个点,而不是圆圈的中心,您就可以继续了。

替换

代码语言:javascript
运行
复制
return paper.path(["M", cx, cy, "L", x1, y1, "A", r, r, 0, +(endAngle - startAngle > 180), 0, x2, y2, "z"]).attr(params);

使用

代码语言:javascript
运行
复制
return paper.path(["M", x1, y1, "L", x1, y1, "A", r, r, 0, +(endAngle - startAngle > 180), 0, x2, y2, "z"]).attr(params);

你得到的是:

代码语言:javascript
运行
复制
paper.path("M30.995655988834628,179.67433662577756L30.995655988834628,179.67433662577756A116,116,0,0,0,249.00434401116536,179.67433662577756z");

这似乎就是你想要的。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/19352938

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档