Для элементов <circle> и <ellipse> этот атрибут определяет координату центра элемента по оси x. Если атрибут не определён, то эффект такой, как если бы было указано значение "0".
Для элемента <radialGradient> этот атрибут определяет координату x набольшого(т.е. внешнего) круга в радиальном градиенте. Градиент будет нарисован так, чтобы значение градиента 100% соответствовало периметру этого наибольшего(внешнего) круга. Если атрибут не определён, то эффект такой, как если бы было указано значение 50%.
Контекст использования
| Категории | Нет |
|---|---|
| Значение | <coordinate> |
| Анимируемый | Да |
| Нормативные документы (en) | SVG 1.1 (2nd Edition): The circle element SVG 1.1 (2nd Edition): The ellipse element SVG 1.1 (2nd Edition): The radialGradient element |
- <coordinate>
-
A <coordinate> is a length in the user coordinate system that is the given distance from the origin of the user coordinate system along the relevant axis (the x-axis for X coordinates, the y-axis for Y coordinates). Its syntax is the same as that for <length>.
Within the SVG DOM, a <coordinate> is represented as an
SVGLengthor anSVGAnimatedLength.
Пример
<svg width="120" height="220"
viewBox="0 0 120 120" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<style type="text/css" >
<![CDATA[
circle.circleClass {
stroke: #006600;
fill: #cc0000;
}
]]>
</style>
<circle class="circleClass" cx="40" cy="50" r="26"/>
</svg>
Элементы
Следующие элементы могут использовать атрибут cx