代码之家  ›  专栏  ›  技术社区  ›  Jingkai He

有什么方法可以使用Raphael js库绘制表格吗

  •  0
  • Jingkai He  · 技术社区  · 11 年前

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

    2 回复  |  直到 11 年前
        1
  •  1
  •   Prem Tahil    11 年前
    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/

        2
  •  0
  •   Chris Wilson    11 年前

    Raphael可以画任何东西,但如果你要大量手工创建表等等,那么你可能会与框架作斗争。我最喜欢这个库的一个方面是它可以与传统的HTML、CSS和Javascript无缝配合。我强烈建议你从HCJ那里得到你想要的,并使用拉斐尔来做任何不容易做的事情。