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 대부분의 경우 최신 paper.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%;
}