如何解决将SVG形状指向围绕圆的方向
我要做什么: 给定方向以度(0-360)为单位创建指南针。像这样:
我所做的事情: 我设法使SVG图像指向正确的方向,但似乎无法使其绕圆旋转。为了尝试绕圆解,我决定尝试使用椭圆工具和this formula进行定位。这是现在的样子:
(请注意,箭头的方向是如何在轴上的圆上朝向椭圆的另一方向,即中心点位于绿色圆圈的中间)
<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
是我希望箭头位于其上的半径。椭圆我在做什么错?以及如何将它们融合在一起?
解决方法
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。