如何運用變換

Question

我有這個svg塊後得到的路徑getBBox，這個羣體可以拖動，以變換矩陣的變化，每次當我拖累

<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> 

我可以得到元素product_1240的getBBox()這樣

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

這是工作的罰款，但如果我不

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

即時得到結果，但通過了拖累其靜態因爲沒有轉化爲p1，但只給其父g。我的問題是有反正讓元素p1的getBBox()將其父的變換矩陣後g

Answer 1

getTransformToElement()可能是你以後。

More usage of getTransformToElement

一旦轉換，你可以將其應用到每個BBOX點，讓您的轉化BBOX。