如何在處理中爲畫布製作滾動條

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）。

製作滾動條本身以便可以拖動它們將很困難。考慮鼠標滾輪或上下按鈕不是酒吧。一個不能拖動的欄，但可以看到位置並用上下按鈕移動的欄是一個很好的折衷，即使它是一個奇怪的用戶界面。