Javascript processing.js如何检测浏览器'；s码？

如前所述，processing.js如何响应浏览器的大小？（响应性设计） 我试过screen.width和screen.height，但效果不好。它似乎只检测计算机屏幕的大小

此外，在拖动和更改浏览器大小时，我希望跟上窗口的大小

 size(window.innerWidth, window.innerHeight); 

据

或

---

根据

< P>这是我如何使用RealB基金会3响应Web框架、JavaScript、jQuery和Purruty.js来解决这个问题。如果你想从源头上挖掘，你可以看看

在javascript/jquery中：

// handle page resizing
$(window).resize(function() {
var pjs = Processing.getInstanceById('livingmap');
pjs.resizeSketch(document.getElementById('div_p5canvas').offsetWidth,  document.getElementById('div_p5canvas').offsetHeight);
} );

在您的.PDE处理JS代码中（注：计算是我认为使用Zurb的基础3，网格定义的，以及如何转换为像素：

的效果。

void resizeSketch(int w, int h) {
  if (w < 680) {
    size(w, floor(float(w)/680*610) - 30);
    } else size(680, 610 - 30);
}

void resizeSketch（int w，int h）{
如果（w<680）{
尺寸（宽，地板（浮子（宽）/680*610）-30）；
}其他尺寸（680610-30）；
}

在html中：

<div class="flex-video widescreen" id="div_p5canvas"
<canvas id="livingmap" data-processing-sources="livingmap_2.pde" style="height:auto; width:auto; focus { outline: 0; }" tabindex="1"></canvas>
</div>

---

如果我拖动并更改浏览器的大小会怎么样？有什么方法可以跟上浏览器的大小吗？
<div class="flex-video widescreen" id="div_p5canvas"
<canvas id="livingmap" data-processing-sources="livingmap_2.pde" style="height:auto; width:auto; focus { outline: 0; }" tabindex="1"></canvas>
</div>