如何用Dart设置SVG样式？

Question

我正在尝试设置SVGElement样式但是失败。这是我的代码：

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

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

如何让它在Dart中工作？

Answer 1

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');

Answer 2

您可以设置CssStyleDeclaration的fill属性，即使它没有适当的属性，如

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

如果将属性名称作为字符串参数，则此样式非常有用。