SVG - 计算三角形内的角度方向

时间:2016-10-29 21:19:28

标签: jquery html svg geometry angle

我试图在svg上绘制一个三角形和他的角度,我的问题是我不知道如何决定'角度方向。他们应该指向三角形的中心而不是其他方式。

看看这个例子。

https://jsfiddle.net/ybaruchel/tdovywm0/

现在我只是用以下几行硬编码:

/** Calculating the direction of the angle **/
var x_arc_dir = 1;
var y_arc_dir = 1;
var z_arc_dir = 1;

提前致谢!

1 个答案:

答案 0 :(得分:1)

只需交换开始和结束角度:

var y_arc_end_x = (x1 - y1) - (x1 / 1.5) + parseInt(y1 * 1.67);
var y_arc_start_x   = (z1 - y1) - (z1 / 1.5) + parseInt(y1 * 1.67);

var y_arc_end_y = (x2 - y2) - (x2 / 1.5) + parseInt(y2 * 1.67);
var y_arc_start_y   = (z2 - y2) - (z2 / 1.5) + parseInt(y2 * 1.67);

这是你的小提琴:https://jsfiddle.net/rouzrtpt/