基本形状 - SVG:可缩放矢量图形

基本形状 - SVG:可缩放矢量图形

上一页 下一页

大多数 SVG 绘图都使用几种基本形状。这些形状的用途从其名称中便不言自明。本文将介绍决定其位置和尺寸的部分参数,但元素参考文档可能包含更精确完整的描述以及本文未涉及的其他属性。鉴于它们在多数 SVG 文档中被广泛使用,有必要对其进行简要介绍。

要插入形状,需在文档中创建元素。不同元素对应不同形状,并通过不同参数描述形状的大小和位置。其中部分元素存在轻微冗余——它们可由其他形状派生创建,但所有元素的存在都是为了方便开发者,并使 SVG 文档尽可能简洁易读。所有基本形状如图所示。

用于生成图片的代码类似如下:

xml

stroke="orange" fill="transparent" stroke-width="5"/>

stroke="green" fill="transparent" stroke-width="5"/>

备注:stroke、stroke-width 和 fill 等属性在后面的教程中解释。

相关推荐

ZK框架详解:构建交互式Web与手机应用
开发三级分销商城APP需要多少钱,开发公司如何收费? - APP开发
电动车无力是什么原因