小编Ser*_*ell的帖子

带有 CSS 过渡的 SVG 过滤器

我正在做和 svg 过滤器与 css 动画。我用

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <defs>
    <filter id="goo">
      <feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur" />
      <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -7" result="goo" />
      <feComposite in="SourceGraphic" in2="goo" operator="atop"/>
   </filter>
 </defs>
</svg>
Run Code Online (Sandbox Code Playgroud)

filter:url('#goo');
Run Code Online (Sandbox Code Playgroud)

用于 CSS 中的容器。

这是一个小提琴 https://codepen.io/sergey_mell/pen/MoRMwR

我陷入了下一个问题。动画似乎在某个盒子内进行(它的大小似乎取决于初始动画状态的大小)。有人可以帮我避免这种情况吗?

html css animation svg css-transitions

4
推荐指数
1
解决办法
1025
查看次数

无法启动“URL”,因为该方案没有注册处理程序

我正在尝试使用 Angular 11 和 ionic 5 构建一个社交共享组件。我使用锚标记来调用 href="whatsapp://send?#text=some%20text"。这在安装了 WhatsApp 的设备上运行良好,但在未安装 WhatsApp 的设备上,我仅在浏览器控制台中收到以下错误:

无法启动“whatsapp://send?#text=text=some%20text”,因为该方案没有注册处理程序。

我怎样才能捕捉到这个错误,向用户显示一条友好的消息,例如“抱歉,您没有安装 WhatsApp”

javascript browser whatsapp ionic-framework angular

3
推荐指数
1
解决办法
4万
查看次数