SVGPatternElement: href 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 href của giao diện SVGPatternElement phản ánh thuộc tính href hoặc xlink:href
Deprecated
của phần tử đã cho.
Giá trị
Một đối tượng SVGAnimatedString.
Ví dụ
Ví dụ dưới đây minh họa cách thuộc tính href trong phần tử <pattern> tham chiếu đến một mẫu khác (#basePattern) để áp dụng thiết kế của nó cho một hình chữ nhật.
html
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<defs>
<!-- First pattern definition -->
<pattern
id="basePattern"
width="20"
height="20"
patternUnits="userSpaceOnUse">
<circle cx="10" cy="10" r="10" fill="blue" />
</pattern>
<!-- Second pattern referencing the first -->
<pattern id="pattern1" href="#basePattern" />
</defs>
<rect x="50" y="50" width="100" height="100" fill="url(#pattern1)" />
</svg>
Thông số kỹ thuật
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGURIReference__href |