canvas指的是什么意思

這篇文章主要介紹了canvas指的是什么意思,具有一定借鑒價(jià)值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

超過(guò)十載行業(yè)經(jīng)驗(yàn),技術(shù)領(lǐng)先,服務(wù)至上的經(jīng)營(yíng)模式,全靠網(wǎng)絡(luò)和口碑獲得客戶,為自己降低成本,也就是為客戶降低成本。到目前業(yè)務(wù)范圍包括了:成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站,成都網(wǎng)站推廣,成都網(wǎng)站優(yōu)化,整體網(wǎng)絡(luò)托管,微信小程序定制開(kāi)發(fā),微信開(kāi)發(fā),APP應(yīng)用開(kāi)發(fā),同時(shí)也可以讓客戶的網(wǎng)站和網(wǎng)絡(luò)營(yíng)銷和我們一樣獲得訂單和生意!

canvas是什么意思?

英文中 Canvas 的意思是“畫(huà)布”,不過(guò)這里說(shuō)的 Canvas 是 HTML5 中新出的一個(gè)元素,開(kāi)發(fā)者可以在上面繪制一系列圖形。Canvas 在 HTML 文件中的寫(xiě)法很簡(jiǎn)單:

<canvas id="canvas" width="寬度" height="高度"></canvas>

其中 id 屬性是所有 HTML 元素都可以用的,Canvas 自帶的屬性只有后面兩個(gè)(分別控制寬度、高度),沒(méi)有其它的了。至于兼容性,CanIUse 上面寫(xiě)了,基礎(chǔ)的功能目前用戶使用的 90% 的瀏覽器都支持,所以大部分情況下還是可以放心使用的。

注意,一定要使用 Canvas 自帶的 width 和 height 屬性,不要使用 CSS 來(lái)控制,因?yàn)?CSS 控制會(huì)導(dǎo)致 Canvas 變形??梢栽囍c PhptpShop 對(duì)比一下,后者是改變“圖像大小”,前者才是正確的改變“畫(huà)布大小”。例如下圖是三張圖片的橫向拼接:最左邊的黑框中是大小為 50px * 50px 的原圖;中間是改變了圖像大小為 100px * 100px 的效果,圖像變得模糊,但是對(duì)于圖像本身來(lái)說(shuō)坐標(biāo)范圍并沒(méi)有變大;最右邊才是正確的 100px * 100px 的 Canvas。

Canvas 絕大部分的繪圖方法都與 <canvas> 標(biāo)簽無(wú)關(guān),需要使用 JavaScript 對(duì)其進(jìn)行操作,這就是所謂的 Canvas API。

我們首先獲取到這個(gè)元素:

var canvas = document.getElementById('canvas');

然后通過(guò)一個(gè)方法來(lái)獲取可以調(diào)用一切 Canvas API 的入口:

var ctx = canvas.getContext('2d');

看到 2d 是不是很激動(dòng)地聯(lián)想到有沒(méi)有 3d 呢?沒(méi)有 3d 的寫(xiě)法,不過(guò)如果想要開(kāi)啟 3D 世界的大門(mén),則可以寫(xiě) canvas.getContext('webgl')。然而 WebGL 是基于 OpenGL ES 2.0 的一套標(biāo)準(zhǔn),與本文是徹徹底底的兩條路,因此這里就不討論了。

感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享canvas指的是什么意思內(nèi)容對(duì)大家有幫助,同時(shí)也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,遇到問(wèn)題就找創(chuàng)新互聯(lián),詳細(xì)的解決方法等著你來(lái)學(xué)習(xí)!

名稱欄目:canvas指的是什么意思
網(wǎng)頁(yè)URL:http://bm7419.com/article20/igopco.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供電子商務(wù)、標(biāo)簽優(yōu)化、移動(dòng)網(wǎng)站建設(shè)、手機(jī)網(wǎng)站建設(shè)用戶體驗(yàn)、靜態(tài)網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

外貿(mào)網(wǎng)站建設(shè)