Question

我有一个PSD - 包含带阴影的椭圆，例如：

模式：乘以
不透明度：15％
角度：120
使用Global Light On
距离：3px
传播：0
尺寸：5px

我发现使用的工具是css值为..

box-shadow: 1px 3px 5px 0px rgba(0, 0, 0, 0.15);

但是我如何转换这些值以用作SVG投影？是否有任何算法或规则可供遵循或使用工具来实现此跳转。 SVG值和属性是完全不同的fx ...

<filter id="dropshadow">
  <feGaussianBlur in="SourceAlpha" stdDeviation="4" result="blur"/>
  <feOffset in="blur" dx="2" dy="2" result="offsetBlur"/>
 <feMerge>
  <feMergeNode in="offsetBlur"/>     
  <feMergeNode in="SourceGraphic"/>
  </feMerge>
 </filter>

Answer 1

使用Photoshop生成器进行SVG。这是生成具有必要样式的椭圆的结果

<filter filterUnits="userSpaceOnUse" id="Filter_0" x="0px" y="0px" width="64px" height="64px"  >
  <feOffset in="SourceAlpha" dx="1.5" dy="2.598" />
  <feGaussianBlur result="blurOut" stdDeviation="2.236" />
  <feFlood flood-color="rgb(0, 0, 0)" result="floodOut" />
  <feComposite operator="atop" in="floodOut" in2="blurOut" />
  <feComponentTransfer><feFuncA type="linear" slope="0.15"/></feComponentTransfer>
  <feMerge>
    <feMergeNode/>
    <feMergeNode in="SourceGraphic"/>
  </feMerge>
</filter>

How to generate SVG images in Photoshop

如何将PSD投影转换为Svg？

1 个答案: