如何使用鼠标操作操纵SVG中的图像?

时间:2011-09-04 04:21:59

标签: javascript svg

我有:

<html>
    <body>
        <svg>
            <image x="0" y="0" width="5px" height="5px" xlink:href="myimage.png">

如何让访问者使用点击并拖动操作来缩放图像并调整其在SVG中的位置?

更新:我注意到Raphael has click and drag方法,以便解决我问题的展示位置部分。如何让用户扩展图像?计划:找到图像的角落,使其附近的区域可选择和放大。可拖动,并使用这些向量来更新图像尺寸。

更新2:我搞定了!我在拉斐尔制作了一些多边形,并使用基本的矢量数学来缩放图像。

1 个答案:

答案 0 :(得分:2)

请查看此link中的代码。这几乎就是你所需要的。

link更好:)