SVG 代表可缩放矢量图形。它可以用来制作图形和动画,就像在 HTML 画布中一样。
句法:
属性:
- x:定义用户坐标系中的x轴坐标。
- y:定义用户坐标系中的y轴坐标。
- 宽度: foreignObject 的宽度。
- height: foreignObject 的高度。
- externalResourcesRequired:表示当前文档中是否需要外部资源。默认值为假。
- ReserveAspectRatio:它指示具有提供给定纵横比的 viewBox 的元素必须如何适应具有不同纵横比的视口。
- xlink:href:它将对资源的引用定义为引用 IRI。
- crossorigin:它告诉浏览器对具有跨域权限的图像文件的请求。
示例 1:
HTML
HTML
HTML
输出:
示例 2:
HTML
输出:
示例 3:
HTML
输出: