Paperjs：キャンバスの高さと幅がウィンドウのサイズ変更時に変更されます。どのように変更を防止するには？

Question

私はpaperjsを設定したシンプルなキャンバスを持っています。ウィンドウキャンバスの高さと幅のサイズを変更すると変更されます。事前にありがとう。

HTML

<canvas id="myCanvas" height="800" width="1000"></canvas> 

JS

var InIt = function() { 
    var canvas = document.getElementById('myCanvas'); 
    console.log(canvas); 
    paper.setup(canvas); 
    var path = new paper.Path(); 
    path.strokeColor = 'black'; 
    var start = new paper.Point(100, 100); 
    path.moveTo(start); 
    path.lineTo(start.add([200, -50])); 
    paper.view.draw(); 
} 

window.onload = InIt; 

window.onresize=InIt; 

スクリーンショット

画面1

画面2

あなたはリサイズの高さと幅の違いを見ることができます。

Answer 1

init関数でpaper.setup（）を実行しないでください。 paper.setup（）を1回実行します。次のようなもの（私のtest.htmlファイル）：

<script src="./dist/paper-core.js"></script> 

<canvas id="canvas" height="800" width="1000"></canvas> 

<script> 
var canvas = document.getElementById("canvas"); 
paper.setup(canvas); 
var init = function() { 
    console.log(canvas); 
    var path = new paper.Path(); 
    path.strokeColor = 'black'; 
    var start = new paper.Point(100,100); 
    path.moveTo(start); 
    path.lineTo(start.add([200, -50])); 
    paper.view.draw(); 
} 
window.onload = init; 
window.onresize = init; 
</script>