从Dart过滤模糊CSS属性

Question

飞镖滤镜模糊不适用于Safari，Chrome ......为什么？

<h1>This text will blur in Firefox, not in Webkit</h1>


import 'dart:html';
import 'dart:core';

main() {
  document.querySelector('h1').style.filter = 'blur(5px)';
}

Answer 1

看起来Dart在Chrome中不会将filter替换为-webkit-filter，但应该如此。有计划在Chrome中支持未加前缀filter function regExLike(o) { return typeof o==='object' && typeof o.global==='boolean' && typeof o.test==='function' ; } ，但目前尚不清楚何时发布。可能值得在https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/R2gCfHjNgKs中创建错误报告，因此Chrome会自动添加前缀。