将给定的svg坐标转换为屏幕坐标

我已经从SVG中记录了坐标。因此,我拥有的坐标是相对于它的。但是,当SVG显示在网络上时,我将其缩放以适合屏幕大小。我需要将svg中的坐标转换到屏幕上,以便可以在屏幕上正确显示。

我尝试使用以下代码,这些代码是我从其他人那里看到的,但是我认为此代码的使用方式存在巨大差异,因为它们基于鼠标事件的坐标:

let svg = ReactDOM.findDOMNode(svgInDom).children[0].children[0];
let sctm = new DOMMatrix(); 
sctm = svg.getScreenCTM();
let svgPt = svg.createSVGPoint();

// one of the stored coordinates
svgPt.x = prevLocations.x_value;
svgPt.y = prevLocations.y_value;

let svgP = svgPt.matrixTransform(sctm);

鉴于我从SVG本身存储的坐标,我希望将它们转换为屏幕。例如,将点(30,30)放置在本地svg文件内的矩形内,并且将该svg相应于dom放置后,我也想显示该点(30,30)也位于矩形内,但是当然,我需要获取新的坐标。

karen8848 回答:将给定的svg坐标转换为屏幕坐标

暂时没有好的解决方案,如果你有好的解决方案,请发邮件至:iooj@foxmail.com
本文链接:https://www.f2er.com/3143411.html

大家都在问