Как правильно рисовать прямые линии с помощью raphael.js?

У меня проблемы с рисованием простая сетка с использованием raphael.js.

Я использую paper.path (), и все выглядит нормально со строками пути:

но каким-то образом это отображается:

вот код, который я использую для отображения этой "сетки"

    // vertical lines
    for(var x = (this._offset.x % cellSize); x < this.width; x += cellSize){
        var vpath = "M " + x + " 0 l " + x + " " + this.height + " z";
        var vline = paper.path(vpath);
    }
    // horizontal lines
    for(var y = (this._offset.y % cellSize); y < this.height; y += cellSize){
        var hpath = "M 0 " + y + " l " + this.width + " " + y + " z";
        var hline = paper.path(hpath);
    }

(В в этом случае cellSize = 50, и это. _offset = {x :0, y :0})