html中怎樣添加矩形標注?
Cavas的英文解釋是Canvas。使用這個Html5Canvas標簽可以創(chuàng)建canvas,結(jié)合Javascript可以繪制很多圖形。讓讓我們以畫一個藍色矩形為例來解釋如何使用這個標簽。
首先,您需要通過以下創(chuàng)建一個HTML5網(wǎng)頁:
進入DW后,選擇:文件-gt新建。
在彈出的對話框中選擇文件類型為Html5。
選擇"創(chuàng)造",將會形成一個空白網(wǎng)頁。選擇"文件"-#34保存"
取名:聚星
這個名字可以根據(jù)自己的喜好來命名,但最好是和網(wǎng)頁內(nèi)容相關(guān)的,以后容易找到的名字。還有一點需要注意的是,最好不要用漢字。
我們將視圖切換到代碼視圖。
并將標題改為"畫一個矩形"
標題也可以根據(jù)自己的喜好設置,不影響網(wǎng)頁的操作。
Html是一種標記語言,所有的功能都需要在相應的標簽中,所以我們需要先添加標簽。
我們只需要輸入ltc,就會在提示列表中看到需要的標簽畫布。按回車鍵完成輸入。
之后我們每按一個空格或者輸入一個相關(guān)的字母,都會有一個提示列表。我們只需要選擇所需的項目并按Enter鍵,我們不需要不需要完整地輸入字符串,這樣可以避免輸入時的拼寫錯誤。在這個例子中,只有"我的畫布"引號中需要完全輸入,其他關(guān)鍵字可以通過提示列表輸入。
命令是:ltCanvasID#34myCanvas#34Width#34600#34Height#34400#34GTLT/CanvasGT。
只有畫布標簽可以不要直接畫圖。需要配合Javascript語言,需要先寫好相應的程序標簽。
Html語言中的標簽是成對出現(xiàn)的。為了避免錯誤,我們可以先寫標簽的開頭和結(jié)尾。
寫好前后標簽后,我們就可以在標簽中使用Javascript語言,調(diào)用Canvas標簽,畫出我們需要的圖形。該方法如下:
var(#39mycavas#39)
將變量canvas分配給canvas"我的畫布"這是我們之前在html中定義的,以便于Javascript調(diào)用。
var(#392d#39)
將變量ctxt賦給由新定義的"帆布",你可以用這個物體來畫畫。
使用fillStyl