Css 如何使用Dart设置SVG的样式?

Css 如何使用Dart设置SVG的样式?,css,svg,dart,dart-html,Css,Svg,Dart,Dart Html,我正在尝试设置SVGElement的样式,但失败。以下是我的代码: import 'dart:html'; import 'dart:svg'; main(){ document.querySelector('#path').style.fill='none';//javascript: working, Dart: not working } 如何使其在Dart中工作?DOM元素的样式属性是“CssStyleDeclaration”()。这个类封装了css的所有属性(据我所知)。它

我正在尝试设置SVGElement的样式,但失败。以下是我的代码:

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

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

如何使其在Dart中工作?

DOM元素的样式属性是“CssStyleDeclaration”()。这个类封装了css的所有属性(据我所知)。它不构成“填充”属性,因此无法设置它。我建议你使用

String className

属性设置定义填充样式的css类

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

即使CssStyleDeclaration没有合适的属性,也可以设置它的fill属性,如

document.querySelector('#circle').style.setProperty('fill','none');
如果将属性名称作为字符串参数获取,则此样式非常有用

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