2013-03-17 113 views
7

我在畫布上繪製具有較大不等寬的畫布。 每個畫布有可能擁有自己的滾動條嗎?我試圖把所有的畫布放在一個div中,並指定一個最大寬度,但它不起作用。 是否有可能所有的畫布在頁面上的可見寬度上說500px,並且每個畫布都有滾動條來查看畫布的整個寬度。帶滾動條的HTML畫布

謝謝。

回答

17

指定畫布的總寬度,然後將其包裝在div中。將div設置爲overflow: scroll並給出500px的寬度。然後你應該有滾動條,讓你滾動並看到畫布的隱藏部分。對所有的畫布重複此操作。

+1

謝謝jimjimmy!有效! – madu 2013-03-17 14:42:27

+0

但我認爲這會創建全尺寸的畫布後臺存儲位圖。 不適用於大多數使用情況。 – Lothar 2017-01-23 09:53:36

+0

對於任何不需要畫布動畫的用例都可以接受。如果你正在生成一個圖形或者大圖像,那麼一次加載一個畫布並使用滾動條應該是非常好的。如果您要創建動畫,則可能只需繪製可見的動畫部分以節省處理時間。 – 2017-02-18 14:14:57