我正在尝试创建一个jquery插件，可以像谷歌地图一样进行缩放和导航。在此插件中，用户可以选择图像的区域，如SummerHtmlMapCreator。我在rapheal.js的帮助下创建了一个svg图像因为它很容易。我在鼠标光滑上创建路径并在双击时关闭路径。我的问题是，当我缩放图像时，我没有正确地获得x，y。我已经通过css3变换矩阵实现了缩放。我已将svg包装在div中，并将变换矩阵应用于父div。我搜索了很多东西并尝试了很多选择。目前我按如下方式计算新的x和y：
newX = mouseX * scaleMatrixWidthValue;
newY = mouseY * scaleMatrixHeightValue;
我真的被困在这里，任何帮助将不胜感激。我在这做错了什么？ 可以在http://jsfiddle.net/34dJa/1/
找到Jsfiddle