paper.jsストローク描画が一貫していません

Question

この問題を解決するだけでなく、それを再現することにも問題があります。私は多くのことが起こっているWebアプリケーションがありますが、私がpaper.jsで抱えている問題は、ストロークがあまりにも大きくなることがあることです。

しかし、それはこのように描画します：ここではそれがどのように見えるべきかである

誰もがこれが起こっする方法を任意の手掛かりを持っていますか？断続的にしか表示されません。ありがとう！

EDIT：

私はこの問題は、私は動的にjQueryを使って負荷の画面に合うように、私の<canvas>要素をサイズことに由来することを考え出しました。私は今、Paperscriptに高さと幅を渡すイベントを追加しましたが、まだ動作していません。私はすぐにソリューションを投稿します。

Answer 1

問題は、PaperScriptが引き継ぐ前にキャンバスがサイズ変更されていないことに起因しています。そのため、小さなキャンバスが作成され、要素に合わせて拡大されます。

解決策は、PaperScriptの読み込みのタイミングで作業することです。

$(document).ready(function() { // wait for elements to propagate 
    $.get(...) // load html for text from external files 
    .then($('images').waitForImages() // wait for images to load 
     .then(function() { 
     resizeCanvas(); // make the canvas the correct size 

     $.getScript(paper_url, function() { // load paper.js dynamically 
      console.log("Paperjs is now loaded."); 
      paper.PaperScript.load(); // get paper.js to scan your application for paperscript 
     }); 

     // do everything else post load 
     }); 
    }); 
    }); 
}); 

Iはhttps://stackoverflow.com/a/14114337/1288913でこれを見つけた：私は（短縮及び簡略化のために、「パラ - コード化された」）のような私のローディングコードを変更することによってそれを修正しました。私はそれが誰かを助けることを願っています！