微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

将SVG形状指向围绕圆的方向

如何解决将SVG形状指向围绕圆的方向

要做什么: 给定方向以度(0-360)为单位创建指南针。像这样:

Compass

我所做的事情: 我设法使SVG图像指向正确的方向,但似乎无法使其绕圆旋转。为了尝试绕圆解,我决定尝试使用椭圆工具和this formula进行定位。这是现在的样子:

Current

(请注意,箭头的方向是如何在轴上的圆上朝向椭圆的另一方向,即中心点位于绿色圆圈的中间)

<Jobs>
<Job>
<JobID>ID1</JobID>
<DueDate>01-02-2008</DueDate>
</Job>
<Job>
<JobID>ID2</JobID>
<DueDate>01-02-2009</DueDate>
</Job>
<Job>
<JobID>ID4</JobID>
<DueDate>01-02-2011</DueDate>
</Job>
</Jobs>

请注意:void setDirection(float value,int radius) { fill(secondaryColour); float origin_x = (1280 - (width-400)/2); float origin_y = height/2; float x = origin_x + radius * cos(radians(value)); float y = origin_y +radius * sin(radians(value)); //grey circle ellipse(x,y,20,20); //arrow SVG pushmatrix(); translate(200,300); rotate(radians(value)); scale(0.5); shape(arrow); popMatrix(); } 以度为单位,value是我希望箭头位于其上的半径。椭圆我在做什么错?以及如何将它们融合在一起?

解决方法

我发现起始角度始于白线,但我假设起始角度始于红色(类似于箭头的角度)。要解决此问题,我需要先将变量value减去90度,然后再将其转换为弧度。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。