Рафаэль JS обрезать изображение

Question

У меня проблема с загрузкой изображения с помощью Raphael JS. Я делаю это, чтобы загрузить изображение:

paper.image("images/image.png", 0, 0, 488, 300);

и это нормально, но я хотел бы загрузить это изображение, но чтобы обрезать его 29px справа, я попытался так:

paper.image("images/image.png", 0, 0, (488-29), 300);

но я получаю масштаб.

Я пытался найти любую информацию о http://raphaeljs.com/reference.html, но безуспешно, также использование .attr ({"width", (488-29}) не дает мне результата, которого я хочу

как я могу это сделать?

спасибо за помощь!

Answer 1

Чтобы обрезать изображение, вы должны использовать clip-rect (прокрутите чуть-чуть вниз до «возможных параметров»; clip-rect - второй)

var theImage = paper.image("image.png", xPosition, yPosition, imageWidth, imageHeight);
theImage.attr({"clip-rect":"0 0 100 150"});

Таким образом, вы будете показывать только верхнюю левую часть изображения с шириной 100 пикселей и высотой 150 пикселей.