html - カスタム入力 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/