SVG HTML 格式
您可以插入 SVG 元素 已停止使用 HTML 页面。
将 SVG 直接粘贴到 HTML 页面中
轴对接简单图形SVG:
HTML 代码来源:
屁股
<!DOCTYPE html>
<html>
<body>
<h1>我的第一个 SVG</h1>
<svg width="100" height="100">
<circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>
</body>
</html>
自己尝试一下»
SVG代码说明:
- SVG 图像以元素开头
<svg>
- Атрибути ширини та висоти елемента
<svg>
查看动画并保存 SVG - Елемент
<circle>
використовується для малювання кола - Атрибути
cx
таcy
将 x 和 y 坐标分配给桩的中心。 药师草cx
таcy
не встановлено, центр кола встановлено на (0, 0) - Атрибут r визначає падіус кола
- Атрибути
stroke
(обведення) таstroke-width
(轮廓宽度)遵循图形的轮廓。 我们为桩轮廓设置一个绿色“边框”(之间),大小为 4 像素 - Атрибут
fill
(填充)颜色在木桩的中间。 我们将填充颜色设置为黄色 - 系留标签
</svg>
SVG 文档
符号: 来自 XML 的 SVG 文字片段,所有元素都可以正确关闭!