SVGPatternElement: patternTransform property
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Thuộc tính chỉ đọc patternTransform của giao diện SVGPatternElement phản ánh thuộc tính patternTransform của phần tử <pattern> đã cho. Thuộc tính này giữ phép biến đổi được áp dụng cho chính mẫu, cho phép các phép tính như translate, rotate, scale và skew.
Giá trị
Một đối tượng SVGAnimatedTransformList.
Ví dụ
Trong ví dụ này, mẫu được xoay 20 độ, nghiêng theo trục X 30 độ và thu phóng theo hệ số 1 theo chiều ngang và 0,5 theo chiều dọc:
html
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<!-- Apply a transform on the tile -->
<pattern
id="p1"
width=".25"
height=".25"
patternTransform="rotate(20)
skewX(30)
scale(1 0.5)">
<circle cx="10" cy="10" r="10" />
</pattern>
<!-- Apply the transformed pattern tile -->
<rect x="10" y="10" width="80" height="80" fill="url(#p1)" />
</svg>
Thông số kỹ thuật
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGPatternElement__patternTransform |