paper.js笔画不一致

Question

我不仅修复了这个问题而且还复制了它。我有一个网络应用程序有很多事情，但我与paper.js的问题是，有时中风会画得太大。以下是它的外观：

但它是这样的：

任何人都有任何线索如何发生这种情况？它只是间歇性地出现。谢谢！

修改

我已经发现问题源于我动态调整<canvas>元素的大小以适应jQuery加载的屏幕。我现在添加了一个事件，将高度和宽度传递给我的Paperscript，但它仍然没有工作。我会尽快发布解决方案。

Answer 1

问题源于在PaperScript接管之前没有调整大小的画布，因此创建了一个小画布，然后按比例放大以适应元素。

解决方案是处理PaperScript加载的时间。我通过修改我的加载代码来修复它（缩短和＆＃34; para-coded＆＃34;为了简洁起见）：

$(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
       });
     });
  });
});

我在https://stackoverflow.com/a/14114337/1288913找到了这个。我希望它可以帮助那里的人！