全屏

SVG 教程


SVG 意为可缩放矢量图形(Scalable Vector Graphics)。

SVG 使用 XML 格式定义图像。

现在开始学习 SVG!

SVG 实例

<html><body> <h1>My first SVG</h1> 
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">  
<circle cx="100" cy="50" r="40" stroke="black"  stroke-width="2" fill="red" /></svg> </body></html>


运行结果:

1.png

点击 "尝试一下" 按钮查看运行结果.

SVG 实例

我们可以在线编辑 SVG 实例,并且在线查看运行结果!

在线实例

SVG 参考手册

在 W3CSchool中, 我们为您提供完整的 SVG 参考手册,其中列出了所有 W3C 推荐标准(SVG Version 1.1)中的 SVG 的元素。

SVG 参考手册


分类导航
点击按住视频可拖动

缩小

关闭

  • 正在学习
  • 北京总部地址:北京市海淀区西三旗桥东建材城西路85号神州科技园B座三层尚学堂
  • 咨询电话:400-009-1906 010-56233821
  • Copyright 2007-2015 北京尚学堂科技有限公司
  • 京ICP备13018289号-1 京公网安备11010802015183