网络零售商的终极网站
图形。  W3Schools 乌克兰语初学者课程

SVG HTML 格式


您可以插入 SVG 元素 已停止使用 HTML 页面。


将 SVG 直接粘贴到 HTML 页面中

轴对接简单图形SVG:

氮а жаль, ваш браузер не підтримує вбудований 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 文字片段,所有元素都可以正确关闭!