Svg 未在 Web 浏览器中显示阴影(Inkscape)
平面设计
网站设计
墨景
svg
出口
阴影
2022-01-30 16:53:10
1个回答
感谢Yorik,找到了解决方案。
正如他所说,在 Web 浏览器上渲染时,阴影可能会造成麻烦。因此,您可以轻松地将它们替换为其他元素,而不会影响绘图的渲染。
这是替换阴影的解决方案:
- 复制创建阴影的对象
- 将其填充和描边颜色更改为全黑 (#000000ff)。这将是阴影。
- 设置其偏移量(通过向 X 和 Y 位置轴添加或减去值)
- 设置它的模糊
- 设置它的不透明度(模仿
Shadow
滤镜,应该在 50% 到 60% 左右) - 放回一层
然后,如果你想模仿阴影遮罩(如上图),但使用Clipping
(我发现更好),请执行以下操作:
- 复制将投射阴影的对象
- 将阴影对象放在顶部
- 选择两者,右键单击>
Set Clip
- 将创建阴影的对象放回顶部
我们去吧。阴影现在只会由您想要的对象投射。此外,它还修复了Drop Shadow
放置在矩形对象上时过滤器的错误。
再次感谢Yorik的解决方案!
其它你可能感兴趣的问题