[英]How to create a dynamic ellipse using paper.path object in raphael.js
我是rapheal js的新手,我只需要使用paper.path()對象創建一個動態橢圓。
盡管我們可以使用paper.ellipse()來做到這一點,但我需要僅根據預先存在的代碼以路徑方式完成它。 我用谷歌搜索,只得到circle2path()的解決方案。
讓我舉一個例子來描述。
var paper = Raphael(10,10, 250, 250);
var start_x = 170;//this has to be dynamic
var start_y = 160;// so these are also
var r_x = 40;
var r_y = 35;
var ellipse = paper.ellipse(start_x,start_y,r_x,r_y);
// here instead of paper.ellipse, I need to use paper.path()
//for example I used path to create circle
var radius = 50;
var circle_path = "M"+ (start_x)+ (start_y-radius)+"A"+ radius+radius+0+1+1+(start_x-0.1)+(start_y-radius)+ "z";
var circle = paper.path(circle_path);
其正常工作的圈子。 有什么辦法與橢圓有關。
提前致謝。
尤里卡.........
我從這個問題中得到了解決方案。
var paper = Raphael(10,10, 250, 250);
var start_x = 170;//this has to be dynamic
var start_y = 160;// so these are also
var r_x = 40;
var r_y = 35;
var ellipse = [["M", (start_x - r_x), (start_y)], ["a", r_x, r_y ,0, 1,1, 0,0.1 ],"z"];
var draw = paper.path(ellipse);
這就是我想要的。 因此,我們可以為其創建一個函數。
var ellipse2path = function(start_x,start_y,r_x,r_y){
return [["M", (start_x - r_x), (start_y)], ["a", r_x, r_y ,0, 1,1, 0,0.1 ],"z"];
};
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.