前端之家收集整理的这篇文章主要介绍了
使用JavaScript时的动态SVG线性渐变,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我可以在html体内成功运行,例如……
但是,我需要使用javascript动态创建它.只创建圆圈工作得很好,当我将圆圈的填充指向它失败的线性渐变时 – 我只是得到一个黑色圆圈.
我想我没有正确设置stop’style’属性.我试过另一种方法无济于事,见下文……
我正在使用Chrome,并提前感谢!
在体内:
最佳答案
两件事情:
>线性渐变的元素名称是linearGradient,而不是lineargradient.
>您必须将停靠点附加到linearGradient元素,而不是defs元素.
见working example.