Svg 使用Rapha&xEB;l带有ZPD(缩放平移拖动)插件-缩放不';不要用光标

Svg 使用Rapha&xEB;l带有ZPD(缩放平移拖动)插件-缩放不';不要用光标,svg,raphael,zooming,drag,Svg,Raphael,Zooming,Drag,我使用Raphäel和Raphäel Sketchpad库在浏览器中创建一个画板,效果很好。我已经实施了Rapäel ZPD(https://github.com/andrewseddon/raphael-zpd)在sketchpad/SVG container div上进行平移/缩放。当我缩小或缩回时,光标会放错位置(Firefox/Chrome) 我在ZPD中识别了以下代码,这些代码在缩放或拖动时导致光标位置出错: /** * Instance an SVGPoint object wit

我使用Raphäel和Raphäel Sketchpad库在浏览器中创建一个画板,效果很好。我已经实施了Rapäel ZPD(https://github.com/andrewseddon/raphael-zpd)在sketchpad/SVG container div上进行平移/缩放。当我缩小或缩回时,光标会放错位置(Firefox/Chrome)

我在ZPD中识别了以下代码,这些代码在缩放或拖动时导致光标位置出错:

/**
 * Instance an SVGPoint object with given event coordinates.
 */
me.getEventPoint = function(evt) {
    var p = me.root.createSVGPoint();
    p.x = evt.clientX;
    p.y = evt.clientY;
    return p;
};

ZPD从中生成的SVGPan存在相同的问题:。然而,报告中的所有建议似乎都不起作用。关于这种偏移如何发生或为什么发生以及如何解决它的任何建议?

似乎Raphaël ZPD的开发人员已经放弃了他的代码。我认为问题在于Raphaël画板中的缩放问题。但是,我已经花了几个小时查看和编辑代码库,还没有找到解决方案。

我不知道Raphael ZPD,但如果您没有找到解决方案,可以使用其viewbox功能在Raphael 2.1中创建缩放和平移功能。它没有很好的文档记录,也不是最容易设置的,但是它是一个选项,并且工作得很好。