我一定對svg中的位置有一些誤解。
我有許多 g 元素一個在另一個之下。
每個里面都有一些子元素。
當我使用transform時，我希望元素（在本例中是g 元素及其所有內容）根據我提供給translate函式的 x,y 移動。
為什么我看到第二個 g 元素在其y 軸上有一個0 ，但它仍然位于第一個 g 元素的正下方，而具有相同內容的其他 g 元素需要不同的 y 軸。
我預計我需要移動第二個 g 元素 30 50 （30，第一個 g 元素中矩形的高度和 50 用于 g 平移 y 軸
<g transform="translate(-5, 0)">
<line x1="150" y1="88" x2="150" y2="145" stroke="#3278E0" stroke-width="1" marker-end="url(#arrowEnd)"
marker-start="url(#arrowStart)"></line>
</g>
這是小提琴： https ://jsfiddle.net/fLbz6qn1/35/
uj5u.com熱心網友回復：
這是因為線的y1屬性。第一行需要從頂部開始 88 個單元。它的組向下平移 0 個單位，但它y1從 開始88。
<line x1="150" y1="88" x2="150" y2="145" stroke="#3278E0" stroke-width="1" marker-end="url(#arrowEnd)"
marker-start="url(#arrowStart)"></line>
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/418736.html
標籤：
上一篇：為什么我不能使快速路由同步
下一篇：我的子序列驗證有什么問題？