HTML5 Canvas 完整測(cè)試 - canvas 標(biāo)簽

在 html5 文檔內(nèi)創(chuàng)建 canvas 畫(huà)布:

“畫(huà)布”(canvas) 是 html5 中獨(dú)有的元素票从,通過(guò)它可以繪制復(fù)雜的圖形操作肺孵,但 canvas 標(biāo)簽本身并不具備繪制圖形得功能钝凶,顧名思義株旷,canvas 的作用只有一個(gè)爷恳,就是提供一個(gè)可操作的區(qū)域。

html 代碼
<canvas id="cvs" style="border:1px solid #3C3C3C; width:300px; height:200px">
    瀏覽器不支持canvas
</canvas>
Canvas 畫(huà)布

Canvas 標(biāo)簽支持大多數(shù) CSS 樣式名秀,控制起來(lái)是比較很方便的励负。
并且,canvas 本身也包含兩個(gè)內(nèi)置屬性:
width :寬度 (默認(rèn)度量為 px)
height:高度 (默認(rèn)度量為 px)

html 代碼
<!-- 使用內(nèi)置屬性設(shè)置寬高 -->
<canvas id="cvs" width="300" height="200" />

現(xiàn)在泰偿,我們就創(chuàng)建了一個(gè)可繪制區(qū)域了熄守,通過(guò) web 腳本語(yǔ)言 如 javascript,就可以繪制想要的圖形了耗跛。
注意裕照,Internet Explorer 8 以及更早的版本是不支持 canvas 標(biāo)簽的。

下一篇 Context2D 圖形庫(kù)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末调塌,一起剝皮案震驚了整個(gè)濱河市晋南,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌羔砾,老刑警劉巖负间,帶你破解...
    沈念sama閱讀 223,002評(píng)論 6 519
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異姜凄,居然都是意外死亡政溃,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,357評(píng)論 3 400
  • 文/潘曉璐 我一進(jìn)店門(mén)态秧,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)董虱,“玉大人,你說(shuō)我怎么就攤上這事申鱼》哂眨” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 169,787評(píng)論 0 365
  • 文/不壞的土叔 我叫張陵捐友,是天一觀的道長(zhǎng)淫半。 經(jīng)常有香客問(wèn)我,道長(zhǎng)匣砖,這世上最難降的妖魔是什么科吭? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 60,237評(píng)論 1 300
  • 正文 為了忘掉前任昏滴,我火速辦了婚禮,結(jié)果婚禮上对人,老公的妹妹穿的比我還像新娘影涉。我一直安慰自己,他們只是感情好规伐,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,237評(píng)論 6 398
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著匣缘,像睡著了一般猖闪。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上肌厨,一...
    開(kāi)封第一講書(shū)人閱讀 52,821評(píng)論 1 314
  • 那天培慌,我揣著相機(jī)與錄音,去河邊找鬼柑爸。 笑死吵护,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的表鳍。 我是一名探鬼主播馅而,決...
    沈念sama閱讀 41,236評(píng)論 3 424
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼譬圣!你這毒婦竟也來(lái)了瓮恭?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 40,196評(píng)論 0 277
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤厘熟,失蹤者是張志新(化名)和其女友劉穎屯蹦,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體绳姨,經(jīng)...
    沈念sama閱讀 46,716評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡登澜,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,794評(píng)論 3 343
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了飘庄。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片脑蠕。...
    茶點(diǎn)故事閱讀 40,928評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖竭宰,靈堂內(nèi)的尸體忽然破棺而出空郊,到底是詐尸還是另有隱情,我是刑警寧澤切揭,帶...
    沈念sama閱讀 36,583評(píng)論 5 351
  • 正文 年R本政府宣布狞甚,位于F島的核電站,受9級(jí)特大地震影響廓旬,放射性物質(zhì)發(fā)生泄漏哼审。R本人自食惡果不足惜谐腰,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,264評(píng)論 3 336
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望涩盾。 院中可真熱鬧十气,春花似錦、人聲如沸春霍。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,755評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)址儒。三九已至芹枷,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間莲趣,已是汗流浹背鸳慈。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,869評(píng)論 1 274
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留喧伞,地道東北人走芋。 一個(gè)月前我還...
    沈念sama閱讀 49,378評(píng)論 3 379
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像潘鲫,于是被迫代替她去往敵國(guó)和親翁逞。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,937評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容

  • 一:canvas簡(jiǎn)介 1.1什么是canvas次舌? ①:canvas是HTML5提供的一種新標(biāo)簽 ②:HTML5 ...
    GreenHand1閱讀 4,693評(píng)論 2 32
  • 一熄攘、canvas簡(jiǎn)介 1.1 什么是canvas?(了解) 是HTML5提供的一種新標(biāo)簽 Canvas是一個(gè)矩形區(qū)...
    Looog閱讀 3,942評(píng)論 3 40
  • HTML5 標(biāo)簽comment 注釋標(biāo)簽用于在源文檔中插入注釋彼念。注釋內(nèi)容不會(huì)被瀏覽器顯示挪圾。為代碼編寫(xiě)注釋的好處是...
    才気莮孒閱讀 4,067評(píng)論 1 25
  • 一、canvas簡(jiǎn)介 1.1 什么是canvas逐沙?(了解) 是HTML5提供的一種新標(biāo)簽 Canvas是一個(gè)矩形區(qū)...
    J_L_L閱讀 1,522評(píng)論 0 4
  • 神奇且強(qiáng)大的canvas 一.Canvas的基本介紹 1.什么是Canvas 定義:是HTML5提供的一種新標(biāo)簽,...
    Ainy塵世繁花終凋落閱讀 10,859評(píng)論 1 18