描绘圆形需要利用 circle 标签,提供圆心座标位置以及半径资讯即可描绘出所要的圆形。
其中配罝的属性 cx 是圆心 x 座标, cy 则是 y 座标,而 r 则是要描绘的圆半径长度。这组circle 会在网页上显示一个中心座标位置为 300120 ,半径为 80 的圆。
调整圆形样式与矩形相同,以下指定相关的样式属性。
stroke 是描绘线条的颜色, stroke-width是线条的宽度, fill 则是用来填满圆形的颜色,这一段程式码得到以下的结果:
如果想要描绘楕圆形,可以利用ellipse元素。每一个 ellipse 标签会呈现一个楕圆形,除了圆心座标,由于楕圆形有不同的垂直与水平半径,水平半径必须指定 rx 属性,而垂直半径则指定 ry 属性。
这段配置会输出一个水平长度 80 ,垂直高度 180 的楕圆形。