Question

我正在使用Raphael JS创建类似ERD的工具，但不知道如何使用Raphael创建一个类似于实例的表。

Answer 1

paper = new Raphael(0,0,500,500);

var x = 100;
var y = 50;
var height = 50
var width = 100;

WriteTableRow(x,y,width*2,height,paper,"TOP Title");
y= y+height;
WriteTableRow(x,y,width,height,paper,"Score,Player");
y= y+height;
for (i=1;i<=4;i++)
{
var k;
k = Math.floor(Math.random() * (10 + 1 - 5) + 5);
WriteTableRow(x,y,width,height,paper,i+","+ k + "");
y= y+height;
}


function WriteTableRow(x,y,width,height,paper,TDdata)
{
    var TD = TDdata.split(",");
    for (j=0;j<TD.length;j++)
    {
        var rect = paper.rect(x,y,width,height).attr({"fill":"white","stroke":"red"});
        paper.text(x+width/2, y+height/2, TD[j]) 
        x = x + width;
    }
}

// http://jsfiddle.net/LG5zn/116/

Answer 2

拉斐尔可以绘制任何东西，但如果你正在进行大量手动创建表格等等，那么你可能正在与框架作斗争。我最喜欢的库是与传统的HTML，CSS和Javascript无缝协作。我强烈建议从HCJ那里拿出你想要的东西，并使用Raphael来做任何不容易做的事情。

有没有办法使用Raphael js库绘制表格

2 个答案: