SVG無歪斜翻譯，副作用

Question

我試圖用歪斜HTML5， 的JavaScript例如內部SVG元素：

<svg> 
<g transform="skewX(20)> 
<rect width="50" height="35" fill="red"></rect> 
</g> 
</svg> 

的<g>元素中的矩形是歪斜好吧， 但rect元素也移動到右邊（不需要），我試圖手動設置位置 與變換=「translate（-20）」，但措施是不正確的，

有沒有解決這個問題？

Answer 1

你是指這個？

<svg> 
<g transform="skewX(20) translate(-20, 0)"> 
<rect width="50" height="35" fill="red"></rect> 
</g> 
</svg>