我需要幫助將煙霧組原點移動到中心,以便它與火箭一起縮放。
我試圖做:
變換原點:中心;翻譯框:框填充;
解決這個問題,但它似乎什么也沒做。
link: https://codepen.io/paulsanti/pen/eYydYgN
uj5u.com熱心網友回復:
您可以transform-origin使用特定的 3 軸px位置設定您的位置,它將起作用:
<g id="smoke" style="transform-origin: 761px 491px 0px">
并不是說這不在顯示像素中——在這個 SVG 的坐標系(the )761px的背景關系中,它實際上是 761 個 SVG 單位。viewBox顯示像素的實際寬度將根據其顯示的比例而有所不同,但您不必擔心這一點。. 你的 SVG 有 a viewBoxof 0 0 1512 982,所以精確的中心是 x: 1512/2, y: 982/2。
(對于您的煙霧影片,您可能希望將原點向下移動 120 個單位左右,使其transform-origin: 761px 610px 0px與火箭底部對齊)
uj5u.com熱心網友回復:
你不小心拼錯了起源。應該是transform-origin。
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/451854.html
上一篇:SVG不渲染-反應
