<
!DOCTYPE html>
<
html>
<
body>
<
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> 元素的width和height属性用于定义SVG图像的高度和宽度。
- 在上面的示例中, < circle> 元素用于绘制圆。
- cx和cy属性用于表示圆心。其默认值为(0, 0)。
- r属性用于表示圆的半径。
- 其他属性stroke和stroke-width用于控制圆的轮廓。
- fill属性用于定义圆的填充颜色。
推荐阅读
- SVG详细简介
- Struts 2项目(登录和注销示例)
- Struts 2提取表的所有记录示例
- Struts 2 i18n用法示例图解教程
- Struts 2 Tiles Framework集成教程示例
- Struts 2实现注册表单示例
- Struts 2迭代器标签示例
- e551. 精简的Applet
- android view 转Bitmap 生成截图