Html 到 SVG 坐标

【问题标题】：Html to SVG coordinatesHtml 到 SVG 坐标
【发布时间】：2016-01-12 10:27:55
【问题描述】：

我正在尝试将一个元素从 HTML 页面拖放到 SVG 中。如何将放置坐标转换为 SVG 上的坐标？

我目前在 svg 和 jquery 上使用 d3 来拖放元素。感谢帮助

谢谢

【问题讨论】：

【解决方案1】：

尝试以下方法：

function coordinateTransform(screenPoint, someSvgObject)
{
  var CTM = someSvgObject.getScreenCTM();
  return screenPoint.matrixTransform( CTM.inverse() );
}

screenPoint 是放置事件中的点。

这是一个 JS Fiddle，可能会有所帮助：https://jsfiddle.net/loanburger/e5q6vnLt/

【讨论】：