HTML5 創(chuàng)建canvas元素示例代碼
發(fā)布時間:2014-06-04 15:50:48 作者:佚名
我要評論

這篇文章主要介紹了如何聲明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">
<!--這個函數(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">
<!--這個函數(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)部元素點擊事件的三種方法
這篇文章主要介紹了html5中監(jiān)聽canvas內(nèi)部元素點擊事件的三種方法2019-04-28html5的canvas元素使用方法介紹(畫矩形、畫折線、圓形)
HTML5的canvas元素使用JavaScript在網(wǎng)頁上繪制圖像。畫布是一個矩形區(qū)域,您可以控制其每一像素。canvas 擁有多種繪制路徑、矩形、圓形、字符以及添加圖像的方法。2014-04-14HTML5 繪制圖像(上)之:關(guān)于canvas元素引領(lǐng)下一代web頁面的問題
HTML5新增了一個元素canvas,用于繪圖使用,其實它的表現(xiàn)和div比較接近(其實他應(yīng)該屬于inline-block),而提供了許多接口,從而輕易的繪制矩形框、園三角形等2013-04-24淺析canvas元素的html尺寸和css尺寸對元素視覺的影響
這篇文章主要介紹了canvas元素的html尺寸和css尺寸對元素視覺的影響,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價值,需要的朋友參考下吧2019-07-22