如何在处理中为画布制作滚动条

Question

我正在使用Processing处理数据可视化。我无法在画布上放置所有需要的内容，因此我不希望增加画布大小，而是使用滚动条向下滚动屏幕（画布）。我需要编码方面的帮助，因为我之前从来没有为滚动条编写代码。所有的帮助将不胜感激。谢谢！

甘露

Answer 1

制作的网页做的工作给你，把你的画布固定大小的div。

<div style="width: 400px; height: 400px; overflow: auto;"> 
    <canvas id="mycanvas" data-processing-sources="mysketch.pde file2.pde ..."> 
    </canvas> 
</div> 

的网页现在会自动给你滚动的帆布，如果你使用一个大小（）这是大于400×400

Answer 2

如果你正在寻找完全草图这样做，我认为，你需要translate(x, y)函数。要向上滚动x像素，请使用代码translate(0, -x);。这只会在调用函数后绘制的东西上工作。看看我给你的链接，看看它的行为。 （http://processing.org/ reference/ translate_.html）。

制作滚动条本身以便可以拖动它们将很困难。考虑鼠标滚轮或上下按钮不是酒吧。一个不能拖动的栏，但可以看到位置并用上下按钮移动的栏是一个很好的折衷，即使它是一个奇怪的用户界面。