创建自定义填充的Svg列

Question

有没有人知道如何创建一个SVG来描绘一个填充了我选择的列？ 例如，如何在不必手动创建所有填充线的情况下创建这样的svg？：

Answer 1

您可以创建一个图像（例如）10x10，红色背景和对角线笔划并重复图像？

称为模式

这是一个小例子

var paper = Raphael(0, 0, 100, 1000);
var rectangle = paper.rect(0, 0, 100, 1000);
rectangle.attr({
    "fill": "url(your/image.jpg)"
});

http://jsfiddle.net/YhDsD/