這篇文章主要介紹了canvas指的是什么意思,具有一定借鑒價(jià)值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
canvas是什么意思?
英文中 Canvas 的意思是“畫布”,不過這里說的 Canvas 是 HTML5 中新出的一個元素,開發(fā)者可以在上面繪制一系列圖形。Canvas 在 HTML 文件中的寫法很簡單:
<canvas id="canvas" width="寬度" height="高度"></canvas>
其中 id 屬性是所有 HTML 元素都可以用的,Canvas 自帶的屬性只有后面兩個(分別控制寬度、高度),沒有其它的了。至于兼容性,CanIUse 上面寫了,基礎(chǔ)的功能目前用戶使用的 90% 的瀏覽器都支持,所以大部分情況下還是可以放心使用的。
注意,一定要使用 Canvas 自帶的 width 和 height 屬性,不要使用 CSS 來控制,因?yàn)?CSS 控制會導(dǎo)致 Canvas 變形??梢栽囍c PhptpShop 對比一下,后者是改變“圖像大小”,前者才是正確的改變“畫布大小”。例如下圖是三張圖片的橫向拼接:最左邊的黑框中是大小為 50px * 50px 的原圖;中間是改變了圖像大小為 100px * 100px 的效果,圖像變得模糊,但是對于圖像本身來說坐標(biāo)范圍并沒有變大;最右邊才是正確的 100px * 100px 的 Canvas。
Canvas 絕大部分的繪圖方法都與 <canvas> 標(biāo)簽無關(guān),需要使用 JavaScript 對其進(jìn)行操作,這就是所謂的 Canvas API。
我們首先獲取到這個元素:
var canvas = document.getElementById('canvas');
然后通過一個方法來獲取可以調(diào)用一切 Canvas API 的入口:
var ctx = canvas.getContext('2d');
看到 2d 是不是很激動地聯(lián)想到有沒有 3d 呢?沒有 3d 的寫法,不過如果想要開啟 3D 世界的大門,則可以寫 canvas.getContext('webgl')。然而 WebGL 是基于 OpenGL ES 2.0 的一套標(biāo)準(zhǔn),與本文是徹徹底底的兩條路,因此這里就不討論了。
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享canvas指的是什么意思內(nèi)容對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,遇到問題就找創(chuàng)新互聯(lián),詳細(xì)的解決方法等著你來學(xué)習(xí)!
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
本文標(biāo)題:canvas指的是什么意思-創(chuàng)新互聯(lián)
URL地址:http://jinyejixie.com/article30/dsedso.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供云服務(wù)器、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站制作、軟件開發(fā)、標(biāo)簽優(yōu)化、網(wǎng)站收錄
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容