我正在尝试在 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 上给出的解决方案但它不起作用。
有什么帮助吗?
最佳答案
您可以使用 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();
}
关于twitter-bootstrap - 如何使用 Bootstrap 在 Paper.js 中设置 Canvas 的 view.viewSize,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19119931/