在坐标中使用无穷大的SVG渐变

时间:2016-05-27 08:22:42

标签: canvas svg gradient

我在SVG文件中介绍了这个:

<linearGradient id="linearGradient6019" xlink:href="#linearGradient6001" y1="-Infinity" y2="Infinity" x1="0.401576" x2="0.39193"/>

我去检查规格:

https://www.w3.org/TR/SVG/pservers.html#LinearGradientElementX1Attribute

我看到规格给出了

 spreadMethod = "pad | reflect | repeat"

我认为spreadMethod =&#34; pad&#34;应该在坐标上表现得像无穷大。

之前有人介入过这个并且在解析渐变时有一些建议如何处理这个无穷大?

我需要将数字中的无穷大转换为使用

在画布上打印
ctx.createLinearGradient(x,y,z,q);

1 个答案:

答案 0 :(得分:1)

不允许无限值作为值,因此输入文件无效。

鉴于此,linearGradient将使用x1和x2的默认值或空白值,分别为0%和100%。