当前位置: 首页 > 知识库问答 >
问题:

画一个有4个扇区的圆

胡桐
2023-03-14

我需要画一个有4个扇区的圆。我试着画一个扇区,像这样:

<path d="M200, 200, l 100,-100 a180,180 0 0,0 -127.27,127.27 z"/>
x=cos(angle) * radius
y=sin(angle) * radius

共有1个答案

柳培
2023-03-14

这些数字没有多大意义。首先移动到(200,200),然后画一条直线到(300,100)(长度:141个单位),然后画一个圆弧以(172.73,227.27)(半径180个单位)结束。直线段的长度不应该至少等于圆的半径吗?

你让自己的生活变得非常困难。如果要绘制四个圆形段,最好的第一步是使用 元素将坐标系移动到圆心。然后可以使用几乎相同的代码创建所有四个段。

这里有一个例子:

<svg width="200" height="200" viewBox="0 0 200 200">
  <g transform="translate(100,100)" stroke="#000" stroke-width="2">
    <path d="M0 0-70 70A99 99 0 0 1-70-70Z" fill="#f00"/>
    <path d="M0 0-70-70A99 99 0 0 1 70-70Z" fill="#080"/>
    <path d="M0 0 70-70A99 99 0 0 1 70 70Z" fill="#dd0"/>
    <path d="M0 0 70 70A99 99 0 0 1-70 70Z" fill="#04e"/>
  </g>
</svg>
 类似资料:
  • 本文向大家介绍使用css3画一个扇形相关面试题,主要包含被问及使用css3画一个扇形时的应答技巧和注意事项,需要的朋友参考一下 https://blog.csdn.net/Bule_daze/article/details/104062951

  • 我已经为一个有4个扇区的圆创建了一个代码。是否有任何在线的SVG生成器,我可以在这里用SVG创建以下循环,或者有谁可以用SVG代码帮助我?为什么我要在SVG中创建,因为我必须在每个扇区中添加文本。 我发现下面的链接,但这不是我预期的输出。画一个有4个扇区的圆

  • 我确实看到了这个StackOverflow,它似乎是一个类似的问题:在一个圆形扇区中有效地找到点,我用Java实现了它,但如果没有向量,它似乎就不能翻译,我对数学有点困惑,不能让它工作。 我一直试图解决这个问题,我希望任何类型的实现的帮助(不要介意添加触发计算),以及任何理解问题的帮助。谢谢!!

  • 在我的模拟器中,我试图检查弧线的每个像素。圆弧的中心(x&y)、半径和角(半径、电流角和新角)有固定的坐标,所以我可以用颜色填充它来代表它给用户。但是另外,我需要在覆盖的像素上执行一些操作。我所尝试的是:

  • 本文向大家介绍php绘制一个扇形的方法,包括了php绘制一个扇形的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了php绘制一个扇形的方法。分享给大家供大家参考。具体如下: php绘制一个扇形。关于参数说明,除最后一个参数外,其它都与弧线的参数一样,请参考上一篇《php绘制一条弧线的方法》。最后一个参数有四种类型。分别是: IMG_ARC_PIE、IMG_ARC_CHORD、IMG_A

  • 在调试和故障处理的时候,我们通常有必要知道 RDD 有多少个分区。这里有几个方法可以找到这些信息: 使用 UI 查看在分区上执行的任务数 当 stage 执行的时候,你可以在 Spark UI 上看到这个 stage 上的分区数。 下面的例子中的简单任务在 4 个分区上创建了共 100 个元素的 RDD ,然后在这些元素被收集到 driver 之前分发一个 map 任务: scala> val s