這篇文章主要為大家展示了“p5.js如何實(shí)現(xiàn)圖片加載”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“p5.js如何實(shí)現(xiàn)圖片加載”這篇文章吧。

在思茅等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都做網(wǎng)站、成都網(wǎng)站設(shè)計 網(wǎng)站設(shè)計制作定制網(wǎng)站,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站設(shè)計,成都全網(wǎng)營銷,成都外貿(mào)網(wǎng)站建設(shè)公司,思茅網(wǎng)站建設(shè)費(fèi)用合理。

一、preload()函數(shù)與圖片上傳

preload()函數(shù)是一個特殊的函數(shù)，它同setup()類似，只在程序開始時運(yùn)行一次，但順序在setup()之前。

一般我們會將媒體文件（圖片、聲音）加載的語句放在preload()中，因?yàn)閜reload()有一個特性就是不加載完畢，程序就不會開始，保證了程序運(yùn)行時不會出錯。

在加載圖片之前，我們需要先將圖片文件上傳。

方法是：

①點(diǎn)擊編輯器左上角的小三角展開文件目錄。

②點(diǎn)擊文件目錄右上角小三角，展開菜單后Add File。

③可以直接將圖片文件拖到框里，會自動上傳，傳完后關(guān)閉即可，jpg和png格式均支持。

二、加載圖片

接著，添加代碼如下：

var img; 
function preload(){ 
 //加載圖片文件 
 img=loadImage("HearthStone.png"); 
} 
 
function setup() {  
 createCanvas(400, 400); 
}  
 
function draw() {  
 background(220); 
 //坐標(biāo)原點(diǎn)設(shè)為圖片中心 
 imageMode(CENTER); 
 //繪制圖片 
 image(img,200,200); 
}

其中有兩個函數(shù)：

imageMode()：設(shè)置圖片中心，常用的有CENTER、CORNER，CENTER為中心，CORNER為左上角

image()：繪制圖片，image("圖片地址",x,y)

效果圖：

三、圖片染色與拉伸

p5.js還提供了一些方便的功能，如染色與拉伸，代碼如下：

var img; 
function preload(){ 
 //加載圖片文件 
 img=loadImage("HearthStone.png"); 
} 
 
function setup() {  
 createCanvas(400, 400); 
}  
 
function draw() {  
 background(220); 
 //坐標(biāo)原點(diǎn)設(shè)為圖片中心 
 imageMode(CENTER); 
 //圖片染色 
 tint(0,255,255); 
 //繪制圖片，后兩個參數(shù)調(diào)整長寬 
 image(img,200,200,150,150); 
}

tint()：圖片染色，括號內(nèi)填入顏色，格式同fill()

image()：第四、五個參數(shù)為圖片長與寬，若不填的話則使用原圖片長寬

效果圖：

以上是“p5.js如何實(shí)現(xiàn)圖片加載”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

名稱欄目：p5.js如何實(shí)現(xiàn)圖片加載
鏈接URL：http://www.chinadenli.net/article20/peejco.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供關(guān)鍵詞優(yōu)化、網(wǎng)站維護(hù)、網(wǎng)站內(nèi)鏈、服務(wù)器托管、網(wǎng)頁設(shè)計公司、標(biāo)簽優(yōu)化

廣告

聲明：本網(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)