Safari中的SVG高斯模糊意外地使图像变亮

 Vee-健健健 发布于 2023-01-08 16:21

使用svg guassian模糊过滤器执行跨浏览器图像模糊.总的来说,除了Safari之外,它的效果非常好.

在桌面Safari中,图像模糊但也会变亮.这种情况在任何其他浏览器中都不会发生(在iOS 7中的Firefox,Chrome,IE9-11和移动版Safari中经过测试).

这是一个jsfiddle演示实时svg过滤器和Safari看到的链接截图,http://jsfiddle.net/vtDYg/3/

这里也是正在使用的svg代码:


  
    
      
    
  
  

这是桌面Safari看到的内容: 在此输入图像描述

我认为有问题的jpeg的颜色空间可能是一个问题,所以我将'color-profile'属性指定为'sRGB','RGB'和'rgb'但是没有效果.

1 个回答
  • 看起来你可以通过在滤镜上设置color-interpolation-filters ="sRGB"来纠正或至少改进一些东西.

    feGaussianBlur应该在linearRGB色彩空间中使用预乘RGBA,默认情况下使用颜色插值滤镜,允许将其切换为sRGB.这就是Firefox的情况,因为我编写了代码来实现这一点.

    2023-01-08 16:24 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有