时间戳

首页 > 解决方案 > 如何在 ionic to andoid 应用程序中正确使用 feGaussianBlur 过滤器？

android - 如何在 ionic to andoid 应用程序中正确使用 feGaussianBlur 过滤器？

问题描述

我有一个为 android 构建的 ionic angular 应用程序。我使用带有 feGaussianBlur 过滤器的 SVG 来应用于其中一个 HTML 元素。问题是这个模糊过滤器在浏览器上工作正常，但在构建到 android 应用程序时无法正常工作。如果我理解正确，android/chrome web 视图还不支持这个 SVG 过滤器。如果这不正确，请纠正我。那么，在使用 ionic to android 应用程序时，是否可以正确使用带有 feGaussianBlur 的 SVG？

SVG片段：

  <svg width="0" height="0" >
    <defs>
      <filter id="blur_bubble">
        <feGaussianBlur in="SourceGraphic" stdDeviation="20" result="blur" id="bb_filter"/>
        <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 30 -15" result="goo" />
        <feComposite in="SourceGraphic" in2="goo" operator="atop"/>
      </filter>
    </defs>
  </svg>

标签： androidionic-frameworksvg

解决方案

推荐阅读