Я пытаюсь решить, между Raphaël и Paper.js. Я выбрал Paper.js, однако сейчас я читаю в нескольких местах это doesn't work well with Retina or high definition displays. По крайней мере, это не так. Похоже, что Raphaël отлично работает, так как он основан на SVG. Были ли проблемы с Retina исправлены с помощью Paper.js или они никогда не возникали? Есть ли легкие обходные пути?Работает ли Paper.js с сетчаткой или другими дисплеями высокой четкости?
По умолчанию для поддержки высокого уровня DPI установлено значение off, и вам пришлось активировать его, потому что были некоторые проблемы. Now большинство из них должно быть разрешено, так что последняя бумага.js имеет значение по умолчанию для HiDPI: on.
Если вы все еще используете старую версию, Вы можете включить его следующим образом:
<canvas id="canvas" hidpi="on"></canvas>
, но это был бы не нужен с latest build.
hidpi установка, к сожалению, ничего не сделала для меня. Я должен был установить изображение непосредственно в ширину и высоту холста like so
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);
С этой последней строке кода, это не имеет значения, насколько большой изображение было. Он всегда был изменен, чтобы соответствовать должным образом.
Используйте этот стиль
html,
body {
height: 100%;
}
/* Scale canvas with resize attribute to full size */
canvas[resize] {
width: 100%;
height: 100%;
}