纯JavaScript实现HTML5Canvas六种特效滤镜.docxVIP

  • 4
  • 0
  • 约 15页
  • 2016-12-25 发布于重庆
  • 举报

纯JavaScript实现HTML5Canvas六种特效滤镜.docx

纯JavaScript实现HTML5?Canvas六种特效滤镜?小试牛刀,实现了六款简单常见Html5?Canvas特效滤镜,并且封装成一个纯JavaScript可调用的API文件gloomyfishfilter.js。支持的特效滤镜分别为:1.??????反色2.??????灰色调3.??????模糊4.??????浮雕5.??????雕刻6.??????镜像滤镜原理解释:1.??????反色:获取一个像素点RGB值r, g, b则新的RGB值为(255-r, 255-g, 255-b)2.??????灰色调:获取一个像素点RGB值r, g, b则新的RGB值为 newr = (r * 0.272) + (g * 0.534) + (b * 0.131); newg = (r * 0.349) + (g * 0.686) + (b * 0.168); newb = (r * 0.393) + (g * 0.769) + (b * 0.189);3.??????模糊:基于一个5*5的卷积核4.??????浮雕与雕刻: 基于当前像素的前一个像素RGB值与它的后一个像素的RGB值之差再加上1285.??????镜像:模拟了物体在镜子中与之对应的效果。杂项准备1.????????如何获取Canvas 2d context对象var?canvas = document.getElement

文档评论(0)

1亿VIP精品文档

相关文档