Используя Raphael JS, заполните элемент SVG с помощью фонового изображения со смещением

Я хочу вот этот Заполнить SVG-элемент фоновым изображением со смещением , но используя Raphael JS.

Отображение прямоугольника с фоновым изображением без смещения очень просто.

canvas.rect(
    positionx, positiony, width, height
).attr(
    {fill: "url('/content/image_set.gif')"}
);

Приведенный выше код отображает только верхний левый угол изображения. Я хочу сдвинуть его и показать другую его часть. Как я могу это сделать?