ä½ä¸ºå¾çç SVG
SVG å¾åå¯ä»¥å¨å¤ç§åºæ¯ä¸ç¨ä½ä¸ç§å¾åæ ¼å¼ãæµè§å¨å¨ä»¥ä¸æ åµä¸æ¯æ SVG å¾åï¼
- HTML
<img>æ<svg>å ç´ - CSS
background-image - CSS
list-style-image - CSS
content - SVG
<image>å ç´ - SVG
<feImage>å ç´ - Canvas
drawImageå½æ°
éå¶
åºäºå®å ¨èèï¼Gecko 对ä½ä¸ºå¾å使ç¨ç SVG å 容æ½å äºä¸äºéå¶ï¼
- JavaScript 被ç¦ç¨ã
- å¤é¨èµæºï¼ä¾å¦å¾åãæ ·å¼è¡¨ï¼æ æ³è¢«å è½½ï¼ä½å¦æéè¿ data: URL å èï¼åå¯ä»¥ä½¿ç¨ã
:visitedé¾æ¥æ ·å¼æªæ¸²æã- åºäºæä½ç³»ç»ä¸»é¢çåçæ§ä»¶æ ·å¼å·²è¢«ç¦ç¨ã
请注æï¼ä¸è¿°éå¶ä»
éç¨äºå¾åä¸ä¸æï¼å½ç´æ¥æ¥ç SVG å
容æéè¿ <iframe>ã<object> æ <embed> å
ç´ åµå
¥ææ¡£æ¶ï¼è¿äºéå¶ä¸éç¨ã
è§è
| Specification |
|---|
| CSS Backgrounds and Borders Module Level 3 # the-background-image |