Paper .js是否适用于 Retina 或其他高清显示器

Question

我试图在Raphaël和Paper之间做出决定.js。我选择了Paper.js，但是，现在我在几个地方阅读它不适合Retina或高清显示器。至少以前不是。拉斐尔似乎自然而然地完美工作，因为它是基于SVG的。Retina 问题是否已通过 Paper 修复.js还是从未真正存在过问题？有没有简单的解决方法？

Answer 1

默认情况下，高 DPI 支持设置为 off，由于存在一些问题，您必须激活它。现在应该解决其中的大多数问题，因此最新的论文.js默认情况下将HiDPI设置为on。

如果您仍在使用旧版本，则可以像这样打开它：

<canvas id="canvas" hidpi="on"></canvas>

但最新版本不需要这样做。

Answer 2

不幸的是，hidpi设置对我没有任何帮助。我必须像这样将图像直接设置为画布的宽度和高度

var mergedContext = mergedCanvas[0].getContext('2d');
mergedContext.fillStyle = 'rgb(255, 255, 255)';
mergedContext.fillRect(0, 0, totalWidth, totalHeight);
// This line is the secret
mergedContext.drawImage(canvasData, 0, canvasWidth, canvasHeight);

有了最后一行代码，图像有多大并不重要。它总是调整大小以适合。

Answer 3

使用此样式

html,
body {
    height: 100%;
}
/* Scale canvas with resize attribute to full size */
canvas[resize] {
    width: 100%;
    height: 100%;
} 

从这里 https://github.com/paperjs/paper.js/issues/662