Question

我正在尝试使用HTML5在javascript中歪斜svg元素，例如：

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

<g>元素内的矩形偏斜，但是rect元素也向右移动（不需要），我试图手动设置位置使用transform =“translate（-20）”但该度量不正确，

有没有解决方案？

Answer 1

你是说这个吗？

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