raphael 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（稍微向下滚动到“可能的参数”;剪辑矩形是第二个）

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

像这样，您将仅显示图像的左上角部分，宽度为100像素，高度为150像素。