我有这个svg块,这个组可以拖动,所以每次拖动时变换矩阵都会改变

<g id="product_1240" transform="matrix(-0.5032,0.8642,-0.8642,-0.5032,80.0928,78.4287)" class="elements">
<path id="p1" d="m -25, -15 l 50,0 l 0,30 l -50,0 z" fill="#fc7f4c" stroke="#FC7F4C" vector-effect="non-scaling-stroke" style="opacity: 0.3;" class="elements" opacity="0.3"></path>
<path id="p2" d="m -20, -10 l 40,0 l 0,20 l -40,0 z" fill="#e5e5e5" stroke="#cccccc" vector-effect="non-scaling-stroke"></path>
</g>


我可以像这样获得元素getBBox()product_1240

console.log($('#product_1240')[0].getBBox());


这工作正常,但是如果我这样做

console.log($('#p1')[0].getBBox());


即时通讯获得结果,但它在整个拖动过程中是静态的,因为没有对p1的变换,而仅对其父级g进行变换。我的问题是,在应用变换矩阵后仍然有获取元素getBBox()p1的问题其父g

最佳答案

getTransformToElement()可能就是您想要的。

More usage of getTransformToElement

进行转换后,可以将其应用于每个bbox点,以获取转换后的bbox。

关于javascript - 应用转换后如何获取路径的getBBox,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/32730858/

10-10 08:38