twitter-bootstrap - 如何使用 Bootstrap 在 Paper.js 中设置画布的 view.viewSize

Question

我正在尝试在 paper.js 中创建一个导航栏为 4 个圆圈的网站。但是，使用 resize 选项时，canvas 元素会占据整个页面。我已经使用了http://paperjs.org/tutorials/getting-started/working-with-paper-js/上给出的示例，而我正在使用 twitter bootstrap 来处理其他内容。我正在使用col-md-12包含画布的 div。我尝试了使画布与父级一样宽和高的解决方案，但它不起作用。

有什么帮助吗？

Answer 1

您可以使用 Javacript 来实现它：

$(window).resize(resizeAndRedrawCanvas);

function resizeAndRedrawCanvas()
{
  var desiredWidth = w; // For instance: $(window).width();
  var desiredHeight = h; // For instance $('#canvasContainer').height();

  canvas.width = desiredWidth;
  canvas.height = desiredHeight 

  view.viewSize = new Size(desiredWidth, desiredHeight);
  view.draw();
}