SVG 形状 - rect [矩形]

2016-01-31 19:39:59  访问(1921) 赞(0) 踩(0)

• 程序示例
• 内容
• 在线测试

• 
  <!--
  <rect> 标签
  <rect> 标签可用来创建矩形，以及矩形的变种。
  -->
  <?xml version="1.0" standalone="no" ?>
  <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
  <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
  
  <rect width="300" height="100"
  style="fill:rgb(0,0,255);stroke-width:2;
  stroke:rgb(0,0,0)"/>
  
  </svg>
  
  <!--
  代码解释：
  rect 元素的 width 和 height 属性可定义矩形的高度和宽度
  style 属性用来定义 CSS 属性
  CSS 的 fill 属性定义矩形的填充颜色（rgb 值、颜色名或者十六进制值）
  CSS 的 stroke-width 属性定义矩形边框的宽度
  CSS 的 stroke 属性定义矩形边框的颜色
  -->
  
  

标签：SVG 形状 - rect [矩形] 

引用来源：w3school 在线教程

上一条：

下一条：

相关评论

发表评论

类型：	留言 建议 疑问
内容：
	(Alt+Enter)