Question

我正在使用pgmagick生成圆形缩略图。我正在使用类似于所讨论的here的过程，它确实为我生成了一个漂亮的圆形缩略图。但是，我需要在圆的半径周围有一个白色边框。

我最初的方法是创建一个带有透明背景的稍大白色圆圈的新图像，并将缩略图复合在其上，让白色圆圈从缩略图下方“峰顶”并创建边框效果。这是我用来实现的pgmagick代码：

border_background = Image(Geometry(220, 220), Color('transparent'))
drawer = Draw()
drawer.circle(110, 110, 33.75, 33.75)
drawer.fill_color(Color('white'))
drawer.stroke_antialias(False)
border_background.draw(drawer.drawer)
border_background.composite(original_thumbnail, 0, 0, CompositeOperator.OverCompositeOp)

这个“有效”，但周围的白色边框相当扭曲，边缘不连贯 - 没有生产就绪。如果我拿出drawer.stroke_antialias（False），那就更糟了。

使用pgmagick让这个边框变得更平滑的想法？

Answer 1

我把它作为一个简单的练习让读者转换这个解决方案命令行到pgmagick（见下文）。 pgmagick底层的代码与命令行使用的代码相同。

你可以画圆圈然后“调整”它。通过在调整大小操作期间将边缘与周围背景平均，可以改善圆形的锯齿状外观。

而不是

gm convert -size 220x220 xc:none -fill white \
       -draw "circle 110,110, 33.75,33.75" \
       original.png

这样做：

gm convert -size 880x880 xc:none -fill white \
       -draw "circle 440,440, 135,135" \
       -resize 25% resized.png

您可以尝试其他尺寸和决定哪个是满足你的最小，例如，

gm convert -size 440x440 xc:none -fill white \
       -draw "circle 220,220, 67.5,65.5" \
       -resize 50% resized.png

此命令行适用于GraphicsMagick（“gm convert”）和ImageMagick（“convert”）

查看pgmagick文档 http://pgmagick.readthedocs.org/en/latest/cookbook.html#scaling-a-image目前尚不清楚pgmagick是否提供“调整大小”。文档显示“img.scale”，这可能会产生锯齿状的圆圈。在上面的命令行示例中使用“-scale”而不是“-resize”确实会产生相同的锯齿图像。

然而，

pgmagick允许您指定过滤器类型，如

 img.scale((150, 100), 'lanczos')

应该等同于“-resize”并且是你想要的。

Answer 2

如果您选择不同的方法，您将获得更好的结果：

# First draw the thumbnail inside the circle.
background = Image(Geometry(220, 220), Color('transparent'))
drawer = Draw()
drawer.circle(110, 110, 33.75, 33.75)
drawer.fill_color(Color('white'))
background.draw(drawer.drawer)
background.composite(original_thumbnail, 0, 0, CompositeOperator.InCompositeOp)

# Draw only the border of the circle on top of the thumbnail inside the circle
border = Image(Geometry(220, 220), Color('transparent'))
drawer.fill_color(Color('transparent'))
drawer.stroke_color(Color('white'))
drawer.stroke_width(3)
border.draw(drawer.drawer)
background.composite(border, 0, 0, CompositeOperator.OverCompositeOp)

在圆形图像周围生成光滑的白色边框

2 个答案: