如何在Dart中创建CSS关键帧规则

如何在Dart中创建CSS关键帧规则,dart,Dart,我需要在Dart中动态创建@keyframe规则,并将它们添加到文档样式表中。 下面是一个JS示例,说明了我正在尝试做的事情: var-styleSheet=document.styleSheets[0]; var规则='@-webkit关键帧{…}'; styleSheet.insertRule(规则,0); 它提出了两个问题: 如何在Dart中创建@keyframe规则?API文档中有一个CSSKeyframesRule,但最新的Dart编辑器说没有这种类型,当我尝试使用它时,Dartiu

我需要在Dart中动态创建@keyframe规则,并将它们添加到文档样式表中。 下面是一个JS示例,说明了我正在尝试做的事情:

var-styleSheet=document.styleSheets[0];
var规则='@-webkit关键帧{…}';
styleSheet.insertRule(规则,0);
它提出了两个问题:

  • 如何在Dart中创建@keyframe规则?API文档中有一个CSSKeyframesRule,但最新的Dart编辑器说没有这种类型,当我尝试使用它时,Dartium会抛出一个异常(是否已弃用?)。我想这不仅仅是JS中的字符串,因为Dart应该处理供应商前缀

  • 如果我创建了一个规则,如何将其插入样式表中。样式表类似乎没有任何类似insertRule的方法。我当然可以只创建克里特风格的节点并设置其内部HTML,但我不想为每个关键帧规则创建单独的节点


  • 提前感谢。

    以下代码似乎可以工作

    void main(){
    最终样式表=document.styleSheets[0]作为CssStyleSheet;
    final rule='@-webkit为mymove{从{top:0px;}到{top:200px;}}设置关键帧;
    styleSheet.insertRule(规则,0);
    }
    
    Hi,Armen,如果该解决方案适合您,您可能需要绿色复选标记:)是的,谢谢Alexandre的快速回复。我终于有机会用我的代码尝试了一下,它果然如期工作。我还认为,通过从
    document.styleSheets
    中读取
    CssKeyframesRule
    可以获得对它的引用,但我无法通过编程方式创建它们。