Javascript 如何在SVG中添加单击并拖动以缩放图像？_Javascript_Svg_Raphael

Javascript 如何在SVG中添加单击并拖动以缩放图像？

javascript svg

Javascript 如何在SVG中添加单击并拖动以缩放图像？,javascript,svg,raphael,Javascript,Svg,Raphael,我想让访问者通过单击并拖动来缩放图像： <html> <body> <svg> <image> 有一个JavaScript库可以帮助我吗我注意到了一些方法，但我仍然需要编写大量的JS：找到图像的角点使拐角附近的区域可选择为角点绘制图标，这样很明显它们是可选择的添加单击、拖放到角点更新图像的尺寸我可以做所有这些，但听起来很费时。是否有我应该使用的开源脚本？其他建议？我不知道。我需要做

我想让访问者通过单击并拖动来缩放图像：

<html>
    <body>
        <svg>
            <image>

有一个JavaScript库可以帮助我吗

我注意到了一些方法，但我仍然需要编写大量的JS：

找到图像的角点

使拐角附近的区域可选择

为角点绘制图标，这样很明显它们是可选择的

添加单击、拖放到角点

更新图像的尺寸

我可以做所有这些，但听起来很费时。是否有我应该使用的开源脚本？其他建议？

我不知道。我需要做同样的事情，我很惊讶我还没有找到一个插件，甚至没有一个例子来说明如何使用Rahpeal.js实现这一点。由于这似乎是很多人都想用SVG或raphal.js做的事情，我很惊讶没有一种内置的方法来做（我本以为缩放+拖动可以做到这一点，但这并不像看上去那么容易）

我需要这个功能，所以我一直在自己构建它。我遇到了一个小问题（记录在这里：），但刚刚开始工作。完成后，如果您愿意，我可以在JSFIDLE或github中发布解决方案

您应该看看它提供了很好的库来操作-生成svg，包括使用javascript进行事件处理

从正式文件：

添加到SVGKit对象以进行事件处理。在SVG中，它可以是从鼠标坐标到局部坐标很难获取。SVGEvent 具有启用可拖动项、可旋转项和防止对项目进行平移和缩放

事件演示。

我在这篇文章中找到了这个解决方案： .

在答案中，您可以找到一个JSFIDLE链接：。可以通过单击并拖动长方体的角来调整长方体的大小。希望此代码能帮助您。

很高兴知道。是的，完成后请分享你的解决方案。我也发现了这个。允许您通过单击和拖动对象来调整大小的脚本。