paper.js 笔画绘制不一致

Question

我不仅无法解决此问题，而且无法重现该问题。我有一个 Web 应用程序，但我在使用 paper.js 时遇到的问题是，有时笔画会画得太大。以下是它的外观：

但它是这样画的：

有人知道这是怎么发生的吗？它只是间歇性地出现。谢谢！

编辑：

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

Answer 1

问题源于在 PaperScript 接管之前未调整画布大小，从而创建了一个小画布，然后将其放大以适应元素。

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

$(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 找到了这个。我希望它可以帮助那里的人！