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

Answer 2

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

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

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