欢迎光临小鱼网个人网站!

登录/注册
html5内嵌SVG,SVG

1.fill:fill设置填充颜色或者填充图片

2.fill-rule: fill-rule设置边线或内部区域, fill-rule 它有 nonzero 和 evenodd 两个值。

    2.1 nonzero通过从canvas上的某个点往任一方向绘制射线到无穷远,然后检查图形的线段和射线相交的点,来确定“内部区域”。从0开始计数,每次路径线段是从左到右穿过射线就加一,从右到左的就减一。通过计算交叉点,如果结果是0,则这个点在路径外边,不然,就是在里边。

    2.2 evenodd—这个规则通过从canvas上某个点往任一方向绘制射线到无穷远,然后计算给定图形上线段路径和该射线交叉点的数量。如果这个数是奇数,那么该点在图形内部;如果是偶数,该点在图形外部

3.fill-opacity:fill-opacity设置透明度

4.stroke:stroke设置颜色

5.stroke-width:  stroke-width设置边线宽度

6.stroke-dasharray: stroke-dasharray 设置虚线,你可以使用它来设置每条线长度以及线之间空格的大小。

7.stroke-linejoin: stroke-linejoin设置两条线段之间的衔接。 stroke-linejoin它有三个值,miter、round、bevel

    7.1尖角:miter

    7.2圆角:round

    7.3斜角:bevel

8.svg下标签:

    8.1矩形: <rect />

    8.2圆形 :<circle />

    8.3椭圆 :<ellipse />

    8.4线: <line />

    8.5折线 :<polyline />

    8.6多边形 :<polygon />

    8.7路径: <path />

stroke-dasharray 是用于设置虚线的属性。你可以使用它来设置每条划线长度以及划线之间空格的大小。stroke-dasharray 是用于设置虚线的属性。你可以使用它来设置每条划线长度以及划线之间空格的大小。stroke-dasharray 是用于设置虚线的属性。你可以使用它来设置每条划线长度以及划线之间空格的大小。

上一篇:没有了
下一篇:html中meta标签,meta属性详解

Copyright © www.xyubing.com All Rights Reserved. 备案号:蜀ICP备19023461号-1

免责声明:本站部分资源搜集整理于互联网或者网友提供,仅供学习与交流使用,如果不小心侵犯到你的权益,请及时联系我们删除该资源。