建站
咨詢
售后
建站咨詢
新聞中心
這篇文章主要介紹HTML頁面中怎么添加Canvas標(biāo)簽，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！
靈寶網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)建站！從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站開發(fā)等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營維護(hù)。創(chuàng)新互聯(lián)建站自2013年起到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)建站。
在HTML頁面的
中，可以用像下面的代碼來添加譯注：對于canvas，以下寫法是不允許的：
讓我們來看一下上述代碼到底做了些什么。
1.id。我們可以在JavaScript代碼中用id值來引用該
2.width。canvas的寬度，以像素為單位。在上述代碼中，width值為500個(gè)像素。
3.height。canvas的高度，以像素為單位。在上述代碼中，height值為300個(gè)像素。
在Canvas的開始標(biāo)簽之間，我們可以放置任意一段文本；當(dāng)打開HTML網(wǎng)頁的瀏覽器不支持Canvas的時(shí)候，這段文本會顯示在Canvas標(biāo)簽所在的地方。在上面的代碼中，我們使用的文本為“Your browser does not support HTML5 Canvas.”。
在JavaScript中用document對象來引用canvas元素
當(dāng)HTML頁面加載后，document對象指代了該頁面中的所有元素，因此我們可以用DOM來引用上述代碼中定義的
我們需要Canvas對象的引用，這樣就可以知道在哪里顯示用Canvas接口進(jìn)行的繪畫。
首先，我們定義一個(gè)名為theCanvas的變量來保存Canvas對象的引用。
然后，我們調(diào)用document對象的getElementById()函數(shù)，將傳入的參數(shù)設(shè)為canvasOne（HTML頁面中
var theCanvas = document.getElementById("canvasOne");
以上是“HTML頁面中怎么添加Canvas標(biāo)簽”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！
網(wǎng)站標(biāo)題：HTML頁面中怎么添加Canvas標(biāo)簽
文章出自：http://www.dlmjj.cn/article/igsege.html
