該元素只是圖形的容器。您必須使用腳本來實際繪製圖形。畫布是一個矩形區域,它有幾種方法用於繪製路徑、框、圓圈、字元和添加圖像。
該元素是一個新的 HTML5 標籤元素,它允許在網頁中繪圖,而無需使用文檔物件模型 (DOM) API 或外掛程式。雖然有些新,但該元素已被大多數現代瀏覽器採用。
Canvas 允許直接使用 JavaScript 命令(如 drawRect、填充和 drawImage)在螢幕上使用 HTML 元素和其他使用 CSS 樣式創建標記來創建圖形。此外,可以直接操作圖元以修改圖像並創建特殊效果。儘管 Canvas 目前是 2D 繪圖 API,但計畫為將來的發佈提供 3D 支援。
注意: - 元素沒有自己的繪圖能力 - 所有繪圖必須在 JAVAScript 內完成。默認情況下,元素沒有邊框,也沒有內容 - 不支援fallback_content標籤的瀏覽器呈現可選的視圖 - 允許直接繪製圖形,而無需訴諸
或 Css 技巧 - Canvas 是一個 Web 標準,由大多數瀏覽器支援,具有相容的實現 - 畫布是一個二維網格。 - 更容易硬體加速,實現快速動畫 - 畫布的左上角有座標 (0,0) - 將來,Canvas 將支援"2d"以外的上下文,例如 3D 圖形的掛起 WebGL 規範。
版本歷史記錄
- 版本 1.0 發佈於 2015-02-13
軟體細節
- 軟體分類: 教育 > 教學和培訓工具
- 發佈者: Code Tutorial
- 軟體性質: 免費
- 價格: N/A
- 版本: 1.0
- 作業系統: android