濾鏡之后的圖： 實(shí)現(xiàn)原理： 這里面用到了canvas的一個(gè)方法：getImageData,這個(gè)方法可以獲得圖片的像素信息 **CanvasRenderingContext2D...
發(fā)簡(jiǎn)信
IP屬地：北京
-
canvas像素操作之圖片濾鏡（5） -
canvas的drawImage應(yīng)用之小魚游動(dòng)（4）
繪制到上下文的元素。允許任何的 canvas 圖像源(CanvasImageSource)，例如：CSSImageValue，HTMLImageElement，SVGImag...
-
簡(jiǎn)單的鼠標(biāo)移動(dòng)元素近大遠(yuǎn)小效果
前置知識(shí)：CSS position，js map函數(shù) 實(shí)現(xiàn)原理： 視覺原理：遠(yuǎn)處的物體移動(dòng)慢，近處的物體移動(dòng)快 實(shí)現(xiàn)原理：在鼠標(biāo)移動(dòng)的時(shí)候，在原 div 的原有位置上+鼠標(biāo)移...
-
canvas小記(1)
1. canvas自身是帶的有width 和height的，寫在標(biāo)簽屬性style里面和外面是不一樣的2. 在進(jìn)行canvas路徑操作的時(shí)候，一定要先清除前面的路徑（obj....
-
canvas畫餅圖(2)兩個(gè)步驟： 第一步畫一個(gè)扇形 第二步把扇形畫滿360° 來看第一個(gè)步驟，怎么畫扇形？ 看下面的示意圖 要畫扇形圖，首先需要知道圓心坐標(biāo)，然后需要知道半徑，這樣就可以畫出一條線...
-
canvas的transform(3)
canvas的transform有三個(gè)屬性：translate、scale和rotate，沒有skew 和transform的執(zhí)行順序一樣，這個(gè)也是后寫的屬性先執(zhí)行，也就是從...
-
-
前端基礎(chǔ)進(jìn)階（五）：閉包初學(xué)JavaScript時(shí)，我在閉包上，走了很多彎路。而這次重新回過頭來對(duì)基礎(chǔ)知識(shí)進(jìn)行梳理，要講清楚閉包，也是一個(gè)非常大的挑戰(zhàn)。 閉包有多重要？如果你是初入前端的朋友，我沒有...
