SVGTransform:setSkewY() 方法

Baseline 已廣泛支援

此特性已相當成熟,可在許多裝置和瀏覽器版本上使用。自 ⁨2015 年 7 月⁩以來,各瀏覽器均已提供此特性。

SVGTransform 介面的 setSkewY() 方法將變換型別設定為 SVG_TRANSFORM_SKEWY,其中引數 angle 定義了 Y 軸的傾斜量。

語法

js
setSkewY(angle)

引數

angle

一個定義傾斜角度(以度為單位)的浮點數。

返回值

無(undefined)。

異常

NoModificationAllowedError DOMException

如果屬性或 SVGTransform 物件是隻讀的,則丟擲此異常。

示例

沿 Y 軸傾斜 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 Y-axis
transform.setSkewY(30);

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

規範

規範
Scalable Vector Graphics (SVG) 2
# __svg__SVGTransform__setSkewY

瀏覽器相容性

另見