HTML5 創(chuàng)建canvas元素示例代碼
發(fā)布時(shí)間：2014-06-04 15:50:48 作者：佚名 
我要評(píng)論
我要評(píng)論這篇文章主要介紹了如何聲明HTML5以及使用HTML5如何創(chuàng)建canvas元素，需要的朋友可以參考下
HTML5 創(chuàng)建canvas元素
<!--<!DOCTYPE> 聲明必須是 HTML 文檔的第一行，位于 <html> 標(biāo)簽之前。-->
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset = utf-8">
<title>HTML5</title>
<script type="text/javascript" charset = "utf-8">
<!--這個(gè)函數(shù)將在頁面完全加載后調(diào)用-->
function pageLoaded()
{
alert('HTML5 頁面加載完畢!');
}
</script>
</head>
<body onload="pageLoaded();">
<canvas width = "640" height = "480" id = "tCanvas" style = "border:black 1px solid;">
<!--如果瀏覽器不支持則顯示如下字體-->
提示：你的瀏覽器不支持<canvas>標(biāo)簽
</canvas>
</body>
</html>
復(fù)制代碼
代碼如下:<!--<!DOCTYPE> 聲明必須是 HTML 文檔的第一行，位于 <html> 標(biāo)簽之前。-->
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset = utf-8">
<title>HTML5</title>
<script type="text/javascript" charset = "utf-8">
<!--這個(gè)函數(shù)將在頁面完全加載后調(diào)用-->
function pageLoaded()
{
alert('HTML5 頁面加載完畢!');
}
</script>
</head>
<body onload="pageLoaded();">
<canvas width = "640" height = "480" id = "tCanvas" style = "border:black 1px solid;">
<!--如果瀏覽器不支持則顯示如下字體-->
提示：你的瀏覽器不支持<canvas>標(biāo)簽
</canvas>
</body>
</html>
相關(guān)文章
html5中監(jiān)聽canvas內(nèi)部元素點(diǎn)擊事件的三種方法
這篇文章主要介紹了html5中監(jiān)聽canvas內(nèi)部元素點(diǎn)擊事件的三種方法2019-04-28html5的canvas元素使用方法介紹(畫矩形、畫折線、圓形)
HTML5的canvas元素使用JavaScript在網(wǎng)頁上繪制圖像。畫布是一個(gè)矩形區(qū)域，您可以控制其每一像素。canvas 擁有多種繪制路徑、矩形、圓形、字符以及添加圖像的方法。2014-04-14HTML5 繪制圖像(上)之:關(guān)于canvas元素引領(lǐng)下一代web頁面的問題
HTML5新增了一個(gè)元素canvas，用于繪圖使用，其實(shí)它的表現(xiàn)和div比較接近（其實(shí)他應(yīng)該屬于inline-block），而提供了許多接口，從而輕易的繪制矩形框、園三角形等2013-04-24
淺析canvas元素的html尺寸和css尺寸對(duì)元素視覺的影響
這篇文章主要介紹了canvas元素的html尺寸和css尺寸對(duì)元素視覺的影響，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友參考下吧2019-07-22
