SVG中的ellipse元素


本文作者: jsweibo

本文链接: https://jsweibo.github.io/2019/12/15/SVG%E4%B8%AD%E7%9A%84ellipse%E5%85%83%E7%B4%A0/

摘要

本文主要讲述了:

  1. 作用
  2. attribute

正文

作用

绘制椭圆

示例:

1
2
3
<svg width="300" height="150" xmlns="http://www.w3.org/2000/svg">
<ellipse cx="100" cy="50" rx="100" ry="50"/>
</svg>

attribute

cx

中心的 x 坐标

cy

中心的 y 坐标

rx

x 轴方向上椭圆的半径

ry

y 轴方向上椭圆的半径

参考资料

本文作者: jsweibo

本文链接: https://jsweibo.github.io/2019/12/15/SVG%E4%B8%AD%E7%9A%84ellipse%E5%85%83%E7%B4%A0/


本文对你有帮助?请支持我


支付宝
微信