「文檔畫布」與「畫布元素」相同嗎？

我正在學習從this tutorial的HTML和CSS。對css layout model不同種類的畫布被提及，之類的話題，「文檔畫布」與「畫布元素」相同嗎？

瀏覽器畫布
文檔畫布
可用帆布

據我所知畫布是一個新元素添加到html5，我們可以用繪製形狀。做條款瀏覽器畫布，文檔畫布，和可用畫布參考html5 Canvas Element？

2016-03-03 user31782

CSS中的畫布與HTML5 Canvas對象無關。 Css用於設置HTML樣式，但不用於HTML5 Canvas元素。 –

@GjermundDahl Css **也可以用於HTML5 Canvas元素的樣式。看看這個[鏈接]（https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/HTML-canvas-guide/修改CanvaswithCSS/修改CanvaswithCSS.html）「_因爲canvas是一個HTML元素，所以你可以使用CSS樣式... _「 – user31782

我精神飽滿。 CSS可以用於設置Canvas元素的樣式，但不能用於其內容。 –

「瀏覽器畫布」不存在。描述意味着「視口」，但它是錯誤的。像<div>這樣的塊元素是默認的，取其包含塊的內容框的全部寬度。同樣，「可用的畫布」是指相同的概念。

通過「文檔畫布」，描述表示CSS canvas，它是所有元素渲染區域的全部範圍。 HTML5畫布元素呈現在CSS畫布上，但所有其他元素都不是display:none。

來源

2016-03-03 10:18:19 Alohci

感謝您的解釋。我認爲他們正在爲_viewport_使用過時或類似的術語。他們在[最新教程]（https://docs.webplatform.org/wiki/guides/the_css_layout_model）中也使用了相同的術語。 – user31782

不幸的是，CSS教程經常使用非常不精確的術語。我總是喜歡按照CSS規範去做（2.1規範/ 2.2草案是一個使用非常精確的語言的極好的文檔），但是它的價格是它不是一個容易閱讀的文檔。通常，它可能需要很多的閱讀材料和對整個規範的理解才能完全理解那裏所說的很多內涵， – Alohci

「文檔畫布」與「畫布元素」相同嗎？

回答

相關問題