本篇文章給大家分享的是有關(guān)JavaScript中有哪些圖像處理的方法,小編覺得挺實用的,因此分享給大家學(xué)習(xí),希望大家閱讀完這篇文章后可以有所收獲,話不多說,跟著小編一起來看看吧。
創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),亞東企業(yè)網(wǎng)站建設(shè),亞東品牌網(wǎng)站建設(shè),網(wǎng)站定制,亞東網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,亞東網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力??沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿,時刻以成就客戶成長自我,堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。
JavaScript圖像
讀取圖像屬性
12 Width
動態(tài)加載圖像
12myImage=newImage; 3myImage.src=“Tellers1.jpg”; 4
簡單的圖像替換
12rollImage=newImage; 3rollImage.src=“rollImage1.jpg”; 4defaultImage=newImage; 5defaultImage.src=“image1.jpg”; 6 7 9
隨機顯示圖像
12varimageList=newArray;3:imageList[0]=“image1.jpg”; 3imageList[1]=“image2.jpg”; 4imageList[2]=“image3.jpg”; 5imageList[3]=“image4.jpg”; 6varimageChoice=Math.floor(Math.random()*imageList.length); 7document.write(‘ ’); 8
函數(shù)實現(xiàn)的圖像替換
12varsource=0; 3varreplacement=1; 4functioncreateRollOver(originalImage,replacementImage){ 5varimageArray=newArray; 6imageArray[source]=newImage; 7imageArray[source].src=originalImage; 8imageArray[replacement]=newImage; 9imageArray[replacement].src=replacementImage; 10returnimageArray; 11} 12varrollImage1=createRollOver(“image1.jpg”,”rollImage1.jpg”); 13 14 16 17
創(chuàng)建幻燈片
12varimageList=newArray; 3imageList[0]=newImage; 4imageList[0].src=“image1.jpg”; 5imageList[1]=newImage; 6imageList[1].src=“image2.jpg”; 7imageList[2]=newImage; 8imageList[2].src=“image3.jpg”; 9imageList[3]=newImage; 10imageList[3].src=“image4.jpg”; 11functionslideShow(imageNumber){ 12document.slideShow.src=imageList[imageNumber].src; 13imageNumber+=1; 14if(imageNumber 19 20 21
隨機廣告圖片
12varimageList=newArray; 3imageList[0]=“image1.jpg”; 4imageList[1]=“image2.jpg”; 5imageList[2]=“image3.jpg”; 6imageList[3]=“image4.jpg”; 7varurlList=newArray; 8urlList[0]=“http://some.host/”; 9urlList[1]=“http://another.host/”; 10urlList[2]=“http://somewhere.else/”; 11urlList[3]=“http://right.here/”; 12varimageChoice=Math.floor(Math.random()*imageList.length); 13document.write(‘ ’); 14
以上就是JavaScript中有哪些圖像處理的方法,小編相信有部分知識點可能是我們?nèi)粘9ぷ鲿姷交蛴玫降摹OM隳芡ㄟ^這篇文章學(xué)到更多知識。更多詳情敬請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。