rect
Baseline
Widely available
*
This feature is well established and works across many devices and browser versions. Itâs been available across browsers since â¨2015å¹´7æâ©.
* Some parts of this feature may have varying levels of support.
rectå
ç´ æ¯ SVG çä¸ä¸ªåºæ¬å½¢ç¶ï¼ç¨æ¥å建ç©å½¢ï¼åºäºä¸ä¸ªè§ä½ç½®ä»¥åå®ç宽åé«ãå®è¿å¯ä»¥ç¨æ¥å建åè§ç©å½¢ã
使ç¨ä¸ä¸æ
| ç±»å« | åºæ¬å½¢ç¶å ç´ ãå¾å½¢å ç´ ãå½¢ç¶å ç´ |
|---|---|
| å 许çå 容 | ä»»ææ°éãä»»æ顺åºçä¸åå
ç´ ï¼ å¨ç»å ç´ æè¿°æ§å ç´ |
示ä¾
html
<svg viewBox="0 0 220 100" xmlns="http://www.w3.org/2000/svg">
<!-- Simple rectangle -->
<rect width="100" height="100" />
<!-- Rounded corner rectangle -->
<rect x="120" width="100" height="100" rx="15" />
</svg>
å±æ§
å ¨å±å±æ§
ä¸æå±æ§
DOM æ¥å£
è¿ä¸ªå
ç´ å®ç°äº SVGRectElement æ¥å£ã