Как стиль SVG с Dart?

Question

Я пытаюсь стилизации SVGElement но fail.Here мой код:

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

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

Как сделать его работу в Дарта?

Answer 1

Вы можете установить заливную свойство CSSStyleDeclaration, даже если он не имеет соответствующее свойство, как

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

Этот стиль очень полезно, если вы получаете имя свойства в качестве параметра строки.

Answer 2

Свойство стиля элемента DOM является «CssStyleDeclaration» (https://api.dartlang.org/docs/channels/stable/latest/dart_html/CssStyleDeclaration.html). Этот класс инкапсулирует все свойства css (насколько я знаю). Он не создает свойство «fill», поэтому вы не можете его установить. Я предлагаю вам использовать свойство

String className 

или

CssClassSet classes 

установить класс CSS, который определяет свой стиль заливки.

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