4

为了进行设置，我使用svgwrite库创建了一个示例 SVG 图像（在长度为 400 的显示尺寸上随机位置的 20 个长度为 100 的正方形）

import svgwrite
import random

random.seed(42)
dwg = svgwrite.Drawing('x.svg', size=(400,400))
dwg.add(dwg.rect(insert=(0,0), size=('100%', '100%'), fill='white')) # White background
for i in range(20):
    coordinates = (random.randint(0,399), random.randint(0,399))
    color = (random.randint(0,255), random.randint(0,255), random.randint(0,255))
    dwg.add(dwg.rect(coordinates, (100, 100),
        stroke='black',
        fill=svgwrite.rgb(*color),
        stroke_width=1)
    )
dwg.save()

然后我编写了一个示例 pygame 程序来生成相同示例的 PNG 图像。（Aseed已用于生成相同的正方形序列。）

import pygame
import random

random.seed(42)
display = pygame.display.set_mode((400,400))
display.fill((255,255,255)) # White background
for i in range(20):
    coordinates = (random.randint(0,399), random.randint(0,399))
    color = (random.randint(0,255), random.randint(0,255), random.randint(0,255))
    pygame.draw.rect(display, color, coordinates+(100,100), 0)
    pygame.draw.rect(display, (0,0,0), coordinates+(100,100), 1) #For black border

pygame.image.save(display, "x.png")

这些是我得到的图像（SVG 不能上传到 SO，所以我提供了一个截图。不过，上面的程序可以运行以输出相同的内容）。

SVG 与 PNG

我的问题是，为什么 PNG（左侧）比相应的 SVG 图像更丰富、更清晰？相比之下，SVG 看起来模糊而乏味。

编辑：可以注意到左上角前两个正方形之间的细白线。在 SVG 中不是很清楚。

4

1 回答 1

0

我认为可能会影响两件事：

  1. 您正在使用图像查看器，这可能会扭曲矢量SVG图像。我认为所有矢量图像查看器都会获得实际的屏幕尺寸，然后将矢量图像导出为矩阵图像，其大小取决于您拥有的屏幕尺寸。然后他们显示矩阵图像。如果他们以柔和的清晰度渲染图像，或者他们在获取屏幕尺寸时遇到问题，则图像可能会模糊。

  2. 要制作PNG图像，请使用pygame. 但是您正在使用另一个模块来制作SVG图像。此模块的功能可能不同，并且还以另一种质量导出图像，而不是使用pygame.

就我个人而言，例如，使用GimpSVG时图像会变得模糊，但对于其他查看器则不会。SVG

所以我认为问题来自您的图像查看器。

于 2021-02-04T17:05:04.387 回答