svg 下图像标签中的过滤器会降低图像质量吗?
does the filter in image tag under svg reduce the quality of the image?
我在 <svg>
组件下有一个 <image />
。如果我将过滤器 属性 添加到 increases/reduces 对比度和亮度的图像,这会影响图像的质量(像素密度)吗?
示例:
<svg ...>
<image filter='url(..)' src='..' ... />
<svg/>
does this effect the quality (pixel density) of the image?
你这里的意思不是很清楚。答案一般是是。但让我再详细说明一下。
滤镜只能作用于位图。因此,当您将滤镜应用于任何 SVG 元素时(无论是位图还是矢量形状),它将以当前显示分辨率转换为位图。然后过滤器将应用于那个。
因此,如果您指的是“原始 位图的像素密度”,那么通常会更改像素密度。当然,除非它以 1:1 显示像素显示(例如,100x100 位图在屏幕上以 100x100 显示)。如果原始图像被缩小以显示在您的 SVG 中,那么它无论如何都会失去分辨率。它是否应用了过滤器。过滤器将使用较低的分辨率,但通常不会进一步降低分辨率。当然,除非过滤器设计用于执行此操作。
我在 <svg>
组件下有一个 <image />
。如果我将过滤器 属性 添加到 increases/reduces 对比度和亮度的图像,这会影响图像的质量(像素密度)吗?
示例:
<svg ...>
<image filter='url(..)' src='..' ... />
<svg/>
does this effect the quality (pixel density) of the image?
你这里的意思不是很清楚。答案一般是是。但让我再详细说明一下。
滤镜只能作用于位图。因此,当您将滤镜应用于任何 SVG 元素时(无论是位图还是矢量形状),它将以当前显示分辨率转换为位图。然后过滤器将应用于那个。
因此,如果您指的是“原始 位图的像素密度”,那么通常会更改像素密度。当然,除非它以 1:1 显示像素显示(例如,100x100 位图在屏幕上以 100x100 显示)。如果原始图像被缩小以显示在您的 SVG 中,那么它无论如何都会失去分辨率。它是否应用了过滤器。过滤器将使用较低的分辨率,但通常不会进一步降低分辨率。当然,除非过滤器设计用于执行此操作。