如何添加单击并拖动以缩放SVG中的图像?

ram*_*am1 5 javascript svg raphael

我想让访问者使用点击并拖动来缩放图像:

<html>
    <body>
        <svg>
            <image>
Run Code Online (Sandbox Code Playgroud)

有一个JavaScript库可以帮助我吗?

我注意到Raphael有点击和拖动方法,但我仍然需要编写很多JS来:

  1. 找到图像的角落
  2. 使角落附近的区域可选
  3. 为角落绘制图标,因此很明显它们是可选择的
  4. 添加单击,拖放到角落
  5. 更新图像的尺寸

我可以做到这一切,但听起来很费时间.我应该使用一个开源脚本吗?其他建议?

cab*_*nal 5

我在这篇文章中找到了这个解决方案: SVG中的Draggables和Resizables.

在答案中,您可以找到一个jsfiddle链接:http://jsfiddle.net/tmkfs/.您可以通过单击并拖动框的角来调整框的大小.希望这段代码可以帮到你.