css - 如何使用 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 元素的样式属性是“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');