3

我正在尝试使用 node.js 和node-canvas包生成动画文件，逐帧提取。部分动画包括缩放和移动图像。我的问题是似乎没有抗锯齿发生，尽管根据节点画布和cario（画布后面的图形库）应该默认进行抗锯齿。此外，根据 node-canvas可以使用这个 systex 控制抗锯齿ctx.antialias = 'gray';，但它似乎也没有做任何事情。如果我可以提供更多细节可能会有所帮助，请告诉我。有什么方法可以直接使用 node-canvas 甚至 cairo 来为图像转换添加抗锯齿功能？

PS我正在使用ctx.drawImage方法来绘制图像，我也已经尝试过使用patternQuality = 'best';但没有成功。

4

1 回答 1

6

在升级模式时，cairo 默认使用双线性插值，这看起来应该是合理的。但是，当缩小比例时，cairo 当前（从 1.12.14 开始）没有正确的抗锯齿模式。没有办法做到这一点，除非实际将该功能添加到 cairo 本身，但请参阅下面的潜在解决方法。

cairo 中的“antialias”设置控制光栅化形状和文本的抗锯齿，而不是图案。控制模式抗锯齿的设置称为“cairo_pattern_set_filter”，具有以下值：

CAIRO_FILTER_FAST,             // usually the same as NEAREST
CAIRO_FILTER_GOOD,             // usually the same as BILINEAR
CAIRO_FILTER_BEST,             // usually the same as BILINEAR
CAIRO_FILTER_NEAREST,          // for upscaling, this is pixel-replication
CAIRO_FILTER_BILINEAR,         // for upscaling, this is linear interpolation
CAIRO_FILTER_GAUSSIAN          // not implemented, should not be used

但如前所述，它们都不适用于缩小规模。

一些人使用的解决方法是以 2 为单位缩小图像。也就是说，将图像在两个维度上都缩小到一半，直到它大致达到所需的大小。然后可以将此缩小的图像与缩小小于 2 的修改变换一起使用。

于 2013-02-14T08:08:01.360 回答