的JavaScript拉斐爾圈元素

Question

我是一個新手，以拉斐爾lib下，我的問題是以下幾點：

我可以使用路徑的具體方法（如getTotalLength()或getPointAtLength()）爲圓形元素 - 這將是非常有益的（並在begining我覺得莫名其妙圈從路徑繼承 - 所以這應該是可能的...但它根本不工作:(），即

var cir = paper.circle(100, 100, 20); 
var totalength=cir.getTotalLength(); 
paper.text(50,150,'Length=('+totalength+')',20); 
var pt = cir.getPointAtLength(0); 
paper.text(50,250,'Point=('+pt.x+','+pt.y+')',20); 

感謝任何評論了/提示/解釋， 鮑里斯塔拉。

Answer 1

可悲的是你不能。 Circle是它自己的svg元素。它不會是太難寫一些函數複製這些特定的路徑操作：

getTotalLength：

2*pi*radius 

getPointAtLength： 你不得不揣摩出圓的路徑「開始」，但與設置它是這樣的：

rad = (length/total_length) * 2*pi 
y = center_y + (sin(rad) * radius) 
x = center_x + (cos(rad) * radius)