SVG rect

SVG


SVG Shapes

SVG有一些预定义的形状元素,可被开发者使用和操作:

矩形
圆形
椭圆
线
折线
多边形
路径

下面的章节会为您讲解这些元素,首先从矩形元素开始。


SVG 矩形 –
实例 1

标签可用来创建矩形,以及矩形的变种:

下面是SVG代码:

实例

 
<rect width="300" height="100"
 
style=”fill:rgb(0,0,255);stroke-width:1;stroke:rgb(0,0,0)”/>

对于Opera用户:

对于Opera用户:

对于Opera用户:

对于Opera用户:查看SVG文件(右键单击SVG图形预览源)。

rx 和 ry 属性可使矩形产生圆角。

相关推荐

详解html-webpack-plugin使用

canvas 绘图时位置偏离的问题解决

关于canvas.toDataURL 在iOS运行失败的问题解决

canvas绘制图片drawImage使用方法