< RECT>
元素是基本的SVG形状,可创建矩形,矩形由其角的位置,宽度和高度定义.矩形的角可能会变圆.
一个例子:
属性
< rect>的attributes表示元素如下:
> x:此属性确定矩形的x坐标.
>值类型:| ;默认值:0动画:是
> y:此属性确定矩形的y坐标.
>值类型:| ;默认值:0动画:是
> width:此属性确定矩形的宽度.
>值类型:自动|| ;默认值:自动;动画:是
> height:此属性确定矩形的高度.
>值类型:自动|| ;默认值:自动;动画:是
> rx:此属性确定矩形的水平角半径.
>值类型:自动|| ;默认值:自动;动画:是
> ry:此属性确定矩形的垂直角半径.
>值类型:自动|| ;默认值:自动;动画:是
> pathLength:此属性允许以用户单位指定路径的总长度.
>值类型:;默认值:无;动画:是
Note: Starting with SVG2 x, y, width, height, rx and ry are Geometry Properties, meaning those attributes can also be used as CSS properties for that element.
这个用例
作为< rect> element是SVG元素,因此要定位此类元素,您必须在使用xpath访问元素时明确指定SVG namespace,如下所示:
>对于< svg>内容:
//*[name()="svg"]
>对于< g>内容:
//*[name()="svg"]/*[name()="g"]
>对于< rect>内容:
//*[name()="svg"]/*[name()="g"]/*[name()="rect"]
//*[name()="svg"]/*[name()="rect"]
参考
您可以在中找到几个相关的详细讨论