/doodle

HTML5 Canvas滤镜特效和图形

Primary LanguageJavaScript

doodle

   这个项目由参加“国家创新创业训练计划”竞赛的代码组成的,我们团队获得的是省级创新立项,项目推广资金为2000(院级培育)+5000元(省级培育),丫了个涂是我取得网站名。项目旨在提供图片的特效滤镜和涂鸦工具,并提供专门的分享平台以提供用户粘性。

   目前项目正在持续推进中,团队为三人小组+指导老师,有美工胖子、推广帅姐和我,欢迎大家的关注,项目的更详细的内容可关注我的博客中国创历程的文章。

   项目基于LAMP体系开发,使用语言包括:HTML/CSS/JavaScript/PHP,该项目的核心部分包括两个部分:前台图片特效滤镜、后台分享平台。由于安全问题,这里仅把前台滤镜特效的部分代码分享出来,方便有需要的人使用。

  doodle项目只用两个文件都在js文件中,主要的操作对象都是HTML5 Canvas对象,为了使用方便都没有对象化,Filter.js文件中主要包括的滤镜效果有:反色滤镜、黑白滤镜、浮雕滤镜、墨镜滤镜、灰度效果:(去色)、怀旧滤镜、连环画滤镜、熔铸滤镜、冰冻滤镜、毛玻璃(扩散)滤镜、高斯模糊等等等(滤镜的内容可关注博客); Shape.js主要包括各种各类的图形如矩形、圆形、三角形等等等。