2016-10-29 64 views
1

我想在svg上繪製一個三角形和他的角度,我的問題是我不知道如何'決定'角度方向。他們應該將中心指向三角形而不是其他方向。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; 

提前感謝!

+0

那麼,我們應該以重新您所遇到的問題呢? –

+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/

+0

對不起,但這種方式並不工作,因爲如果你嘗試改變輸入值的問題仍然存在..謝謝反正 –

+0

不,它沒有。但不客氣。 –

+1

嘗試恢復輸入框的值..你會看到:) –