位置:首頁 > 軟件操作教程 > 編程開發(fā) > HTML > 問題詳情

HTML5 canvas坐標

提問人:劉團圓發(fā)布時間:2020-11-14

    在canvas當中有一個特殊的東西叫做“坐標”!沒錯,就是平時所熟知的坐標體系。canvas擁有自己的坐標體系,從最上角0, 0開始,X向右是增大,Y向下是增大。也可以借助CSS當中的盒子模型的概念來幫助理解。

    盡管canvas元素功能非常強大,用處也很多,但在某些情況下,如果其他元素已經夠用了,就不 應該再使用canvas元素。例如,用canvas元素在HTML頁面中動態(tài)繪制所有不同的標題,就不如直 接使用標題樣式標簽(H1、H2等),必定它們與canvas元素實現(xiàn)的效果是一樣的。

    在訪問頁面的時候,如果瀏覽器不支持canvas元素,或者不支持HTML5 canvas API中的某些 特性,那么開發(fā)人員最好提供一份替代代碼。例如,開發(fā)人員可以通過一張?zhí)娲鷪D片或者一些說明性的 文字告訴訪問者:使用最新的瀏覽器可以獲得更佳的瀏覽效果。下列代碼展示了如何在canvas中指定 替代文本,當瀏覽器不支持canvas的時候,會顯示這些替代內容,代碼如下:

<canvas>

Update your browser to enjoy canvas!

</canvas>

    除了上面代碼中的文本外,同樣可以使用圖片。不論是文本,還是圖片,都會在瀏覽器不支持 canvas元素的情況下顯示出來。

    提供替代圖像或替代文本引出了可訪問性這個話題。很遺憾,這是HTML5 canvas規(guī)范中明顯的缺陷。例如,沒有一種原生方法能夠自動為已插入到canvas中的圖片生成用于替換的文字說明。同樣,也沒有原生方法可以生成替代文字以匹配由canvas Text API動態(tài)生成的文字。暫時還沒有其他方法可以處理canvas中動態(tài)生成的內容,不過已經有工作組開始著手這方面的設計了,讓我們一起期待吧。

繼續(xù)查找其他問題的答案?

相關視頻回答
回復(0)
返回頂部