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

Question

我正在尝试在 paper.js 中制作一个导航栏为 4 个圆圈的网站。但是，使用调整大小选项时， Canvas 元素会占据整个页面。我使用了 http://paperjs.org/tutorials/getting-started/working-with-paper-js/ 上给出的示例我正在使用 twitter bootstrap 来处理其他内容。我正在为包含 Canvas 的 div 使用 col-md-12。我尝试了 make canvas as wide and as high as parent 上给出的解决方案但它不起作用。

有什么帮助吗？

Answer 1

您可以使用 Javascript 实现它:

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