画布上的IE8模糊过滤器

| 多亏了Google在IE中的
excanvas
,我的画布才能正常工作。现在,我想让事情变得模糊。 我使用IE专有语法添加了模糊过滤器,它模糊了div中的画布和文本。 好吧,它确实在IE7和IE9中起作用,但在IE8中却没有。 [WTF ?!] 希望有人见过。 我还尝试在画布上绘制后启用javascript的模糊处理,但是它没有任何改变。 这是一个实时示例: http://jsfiddle.net/rd9q5/1/embedded/result/ 该示例仅是IE代码。在其他浏览器中将无法使用,但我的主要代码可以。 我在示例中放置了一个有趣的图像,让您在您帮助我时感到很开心。 :) [编辑] 通常,模糊处理在IE8中有效-我在示例页面的div底部放置了一些文本,文本变得模糊起来。     
已邀请:
        发生这种情况是由于exanvas.js第597行产生的g_vml_:shape上指定了\'position:absolute \' 为什么?!... 因为IE8中存在一个BUG,否则位置非静态的元素将不会继承父元素的过滤器,除非我们这样做。 要解决此问题,请执行以下选项之一
function go() {
    var browser = navigator.userAgent.toLowerCase().match(/(msie) ([\\w.]+)/);
    if(document.styleSheets[\'ex_canvas_\'] && browser && browser[2].slice(0,1) == \'8\'){
        var stylesheet = document.createStyleSheet();
        stylesheet.owningElement.id = \'ex_canvas_\';
        stylesheet.cssText = \'#cp *{filter:inherit;}\';
    }
    // codes for draw
}
要么
<!--[if IE 8]>
    <style type=\"text/css\">
         #cp *{
             filter:inherit;
         }
    </style>
<![endif]-->
    
        看一下这篇文章。这是一个漫长的过程,但可能会有所帮助。 http://aautar.digital-radiation.com/blog/?p=2519 更多: http://www.pixastic.com/lib/docs/actions/blur/ 如何在HTML5画布上绘制模糊的圆圈? 模糊显示效果-html5画布     
        由于Microsoft在IE7之后转储了“过滤器”,所以我很惊讶您说它在IE9中有效。     

要回复问题请先登录注册