使用feGaussian模糊的外发光被削波

时间:2016-11-08 19:31:24

标签: html svg svg-filters

我想用id="svg_6"为图像设置外部发光 对于此目标,使用椭圆标记,使用id="f1"过滤使其发光。 我想设置feOffset dx = 0feOffset dy = 0,但输出发光似乎有点磕磕绊绊。 怎么解决?我希望结果看起来与附图相似。



<svg style="background:black;" width="1000" height="800" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

<defs>
  <filter  id="f1" x="0" y="0" width="300%" height="300%">
    <feOffset result="offOut" in="SourceGraphic" dx="0" dy="0" />
    <feGaussianBlur result="blurOut" in="offOut" stdDeviation="90" />
    <feBlend in="SourceGraphic" in2="blurOut" mode="normal" />
  </filter>
</defs>
<!--glow effect end-->
 <g>
  <title>Layer 1</title>
  <ellipse ry="235" rx="192.5" id="svg_9" cy="401.00001" cx="498.99999"  fill="#5fbf00" style="filter:url(#f1)"/>
    <image xlink:href="http://ssssssss.ir/wp-content/uploads/2016/11/beyzi1.png" id="svg_5" height="480" width="480" y="160" x="260"  />
    <image xlink:href="http://ssssssss.ir/wp-content/uploads/2016/11/beyzi.png"  id="svg_6" height="500" width="500" y="150" x="250"/>
 </g>
</svg>
&#13;
&#13;
&#13;

enter image description here

1 个答案:

答案 0 :(得分:1)

它是裁剪的,因为你通过将滤镜的x和y值设置为0来告诉它裁剪。我已将它们更改为-50%,以便滤镜区域覆盖形状的上方和左侧区域以及形状本身。

java.lang.NoClassDefFoundError: com/sun/jersey/spi/inject/Errors$Closure

java.lang.NoClassDefFoundError: com/sun/jersey/core/header/LinkHeaders