-
canvas圖像世界
處理圖像，縮放、水印
顏色處理
查看全部 -
1、鼠標(biāo)事件：
onmousemove 事件需區(qū)分是否左鍵觸發(fā)，獲取移動(dòng)位置
查看全部 -
//?圖像縮放的時(shí)候水印就不在圖像上面了，做個(gè)判斷就行了?。。?！
??????????//?繪制水印
????????????if?(scale?<?1)?{
????????????????w?=?dx?+?imageWidth;
????????????????h?=?dy?+?imageHeight;
????????????}
????????????ctx.drawImage(watermarkCanvas,?w?-?watermarkCanvas.width,?
???????????????????????????????????????????h?-?watermarkCanvas.height);
查看全部 -
知乎問(wèn)題：
查看全部 -
生成圖像效果
查看全部 -
imageData.data
查看全部 -
putImageData
查看全部 -
獲取圖像像素
查看全部 -
Canvas坐標(biāo)轉(zhuǎn)換
查看全部 -
drawImage貼圖形式
查看全部 -
drawImage三種調(diào)用方式
查看全部 -
drawImage 7參數(shù)
圖像的一部分渲染到畫(huà)布的一部分上
查看全部 -
drawImage
查看全部 -
圖像繪制代碼：
查看全部 -
imageData.data
四個(gè)值一組記錄一個(gè)像素的rgba
查看全部 -
getImageData(x, y, w, h)
查看全部 -
三種調(diào)用.
查看全部 -
馬賽克即將某一個(gè)區(qū)域全部賦值為該區(qū)域的平均值
查看全部 -
模糊算法即根據(jù)周?chē)袼氐钠骄祦?lái)賦值
查看全部 -
計(jì)算圖像灰度的公式grey = 0.3*r+0.59*g+0.11*b
查看全部 -
imageData.data是一個(gè)一維數(shù)組，每四個(gè)數(shù)字是一個(gè)像素點(diǎn)信息
查看全部 -
putImageData可以將ImageData放回canvas中
查看全部 -
getImageData可以獲取圖像的像素信息
查看全部 -
beginPath、arc、clip依次調(diào)用可以產(chǎn)生圓形區(qū)域
查看全部
舉報(bào)