-
屏幕自適應(yīng)查看全部
-
大圖片的在canvas里面的部分繪制 context.drawImage(部分圖片位置起點(diǎn)x，部分圖片位置起點(diǎn)y，canvas.width,canvas.height,目標(biāo)位置的起點(diǎn)x:0,目標(biāo)位置y:0，canvas.width,canvas.height).實(shí)現(xiàn)大圖片居中部分呈現(xiàn)在canvas畫布里面。查看全部
-
圓擴(kuò)大邊界算法 2*Math.max(canvas.width,canvas.height) Console 是用于顯示 JS和 DOM 對象信息的單獨(dú)窗口,調(diào)試時(shí)可以用console.log("text")輸出數(shù)據(jù),它相對于alert的優(yōu)勢在于不會中斷程序,也不用你不斷的去點(diǎn)擊查看全部
-
隨機(jī)剪輯查看全部
-
context.arc(clippingRegion.x,clippingRegion.y,clippingRegion.r,0,Math.PI*2,false); context.clip(); 將除了arc規(guī)定的這個(gè)區(qū)域其他的全部剪掉 canvas的繪制圖像接口:context.drawImage(img,0,0); 將圖像img繪制在畫布0,0開始的地方查看全部
-
隨機(jī)圓心的數(shù)學(xué)算法 x=Math.random()*700+50 y=Math.random()*600+50 50px為圓半徑寬查看全部
-
css3像素處理 filter: grayscale(1); //灰度（ 0 ~ 1 ）default：100% sepia(1); //褐色 黃棕色（ 0 ~ 1 ）default：100% saturate(3); //飽和度 default：100% hue-rotate(90deg); //色相旋轉(zhuǎn) 90deg 角度 default：0deg invert(1); //反色（ 0 ~ 1 ）default:100% opacity(0.2); //透明度（ 0 ~ 1 ）default:100% brightness(0.5); //亮度（ 0 ~ 1 ）default:100% contrast(2); //對比度 default:100% blur(10px); //模糊 default:0 drop-shadow(10px 10px 2px #aaa); //陰影 類似box-shadow(); filter：十種特效 grayscale灰度 0 ~ 1 sepia褐色 黃棕色 saturate飽和度 hue-rotate色相旋轉(zhuǎn) 90deg 角度 invert反色 opacity透明度 brightness亮度 contrast對比度 blur模糊 drop-shadow陰影查看全部
-
給圖片加上模糊效果: filter: blur(20px); -webkit-filter: blur(20px); -moz-filter: blur(20px); -ms-filter: blur(20px); -o-filter: blur(20px); #blur-image{ display:block; width:800px; height:600px; margin:0 auto; filter: blur(20px); -webkit-filter: blur(20px); -moz-filter: blur(20px); -ms-filter: blur(20px); -o-filter: blur(20px); }查看全部
-
Html5查看全部
-
盡量不要用上硬數(shù)據(jù)查看全部
-
一開始使用window.onload()等頁面加載完成后進(jìn)行js代碼，但是出現(xiàn)了show（） 的錯(cuò)誤，顯示的是沒有被定義，后來改成了在html的script中加上defer后，去掉window.onload可以使用show和reset了！查看全部
-
yangshi查看全部
-
css3像素處理 filter: grayscale(1); //灰度（ 0 ~ 1 ）default：100% sepia(1); //褐色 黃棕色（ 0 ~ 1 ）default：100% saturate(3); //飽和度 default：100% hue-rotate(90deg); //色相旋轉(zhuǎn) 90deg 角度 default：0deg invert(1); //反色（ 0 ~ 1 ）default:100% opacity(0.2); //透明度（ 0 ~ 1 ）default:100% brightness(0.5); //亮度（ 0 ~ 1 ）default:100% contrast(2); //對比度 default:100% blur(10px); //模糊 default:0 drop-shadow(10px 10px 2px #aaa); //陰影 類似box-shadow();查看全部
-
fliter:blur(5)查看全部
-
用谷歌瀏覽器，獲取canvas對象時(shí)需要先加載對象，所以要把該段代碼放到body中查看全部
舉報(bào)
0/150
提交
取消