Блог

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

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

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

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

но я получаю масштабирование.

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

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

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

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

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

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