r
对于<circle>这个属性定义元素的半径。值为零将禁用圆形的渲染。
对于<radialGradient>元素，这个属性定义了径向渐变的最大（即最外面的）圆的半径。将绘制梯度，使得100％梯度光阑被映射到该最大（即最外面）圆的周长。值为零将使用最后一个渐变的颜色和不透明度将区域绘制为单一颜色<stop>。如果没有指定属性，则效果就好像指定了50％的值。
用法说明
分类 | 没有 |
|---|---|
值 | <长度> |
动画 | 是 |
规范性文件 | SVG 1.1（第2版）：圆形元素SVG 1.1（第2版）：radialGradient元素 |
<length>
长度是一个距离度量，与一个单位一起给出一个数字。长度以两种方式之一指定。在样式表中使用时，<length>定义如下：
length ::= number (~"em" | ~"ex" | ~"px" | ~"in" | ~"cm" | ~"mm" | ~"pt" | ~"pc")?对于在CSS2中定义的属性，必须提供长度单位标识符。对于SVG特定属性中的长度值及其对应的表示属性，长度单位标识符是可选的。如果未提供，则长度值表示当前用户坐标系中的距离。在所有属性的表示属性中，无论是在SVG1.1还是在CSS2中定义，长度标识符（如果指定）都必须是小写。
当在SVG属性中使用长度时，<length>的定义如下：
length ::= number ("em" | "ex" | "px" | "in" | "cm" | "mm" | "pt" | "pc" | "%")?这些<length>值中的单位标识符必须小写。
请注意，非属性<length>定义还允许百分比单位标识符。百分比长度值的含义取决于已指定百分比长度值的属性。两个常见的情况是：
- 当百分比长度值代表视口宽度或高度的百分比
- 当百分比长度值表示给定对象上的边界框宽度或高度的百分比时。
在SVG DOM中，使用SVGLength或SVGAnimatedLength对象来表示<length>值。
例子
以下代码片段演示了<circle>元素的“r”属性。
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
? <circle cx="200" cy="150" r="50"
? stroke-width="1" fill="blue" />
</svg>元素
以下元素可以使用该r属性
<circle>
<radialGradient>
本文档系腾讯云开发者社区成员共同维护，如有问题请联系 cloudcommunity@tencent.com
