如何使用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');