1. Web
  2. Web API
  3. SVGTransform
  4. setSkewX()

SVGTransform: setSkewX() 方法

Baseline 已广泛支持

此特性已相当成熟，可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来，各浏览器均已提供此特性。

SVGTransform 接口的 setSkewX() 方法将变换类型设置为 SVG_TRANSFORM_SKEWX，参数 angle 定义了 X 轴上的倾斜量。

语法

js
setSkewX(angle)

参数

angle

一个浮点数，定义了倾斜的角度（以度为单位）。

返回值

无（undefined）。

异常

NoModificationAllowedError DOMException

如果属性或 SVGTransform 对象是只读的，则抛出此异常。

示例

沿 X 轴倾斜 SVG 元素

js
// Select an SVG element and create a transform object
const svgElement = document.querySelector("svg");
const transform = svgElement.createSVGTransform();

// Apply a skew of 30 degrees along the X-axis
transform.setSkewX(30);

// Log the applied transformation angle
console.log(`Skew Angle: ${transform.angle}`); // Output: 30

规范

规范
Scalable Vector Graphics (SVG) 2
# __svg__SVGTransform__setSkewX

浏览器兼容性

另见

帮助改进 MDN

了解如何贡献

此页面最后修改于 ，由 MDN 贡献者 修改。

在 GitHub 上查看此页面 • 报告此内容的某个问题