如何使用Dart设计SVG风格？

Question

我想造型的SVGElement但fail.Here是我的代码：

import 'dart:html'; 
import 'dart:svg'; 

main(){ 
    document.querySelector('#path').style.fill='none';//javascript: working, Dart: not working 
} 

如何使它在DART的工作？

Answer 1

您可以设置CSSStyleDeclaration的填充性能，即使它有一个像

document.querySelector('#circle').style.setProperty('fill', 'none'); 

这种风格没有适当的财产，如果你得到的属性名称作为字符串参数是非常有用的。

Answer 2

DOM元素的style属性是一个“CssStyleDeclaration”（https://api.dartlang.org/docs/channels/stable/latest/dart_html/CssStyleDeclaration.html）。这个类封装了css的所有属性（据我所知）。它不会构成“填充”属性，因此您无法设置它。我建议你使用

String className 

或

CssClassSet classes 

属性来设置CSS类，定义你的填充样式。

var element = querySelector('#path'); 
element.classes.add('yourSvgClass');