本文介绍两种Web中实现图片马赛克的方法,一个是SVG滤镜的,一个基于某个CSS属性的,都比较简单,不复杂。
阅读全文…
标签:drawImage, feComposite, feFlood, feMorphology, feTile, filter, image-rendering, SVG滤镜, 图像处理, 图片压缩, 马赛克 发布在 CSS相关, SVG相关 | 9 条评论 »
原来前端纯JS就能实现人脸识别检测,使用简单,性能优异,准确率也高,有案例演示,有源码,希望可以帮到大家的学习。
标签:absolute, await, canvas, drawImage, JS检测, Promise, 人脸识别, 图像处理 发布在 JS实例 | 5 条评论 »
相比于tinypng,我这个工具还自带尺寸设置功能,同时还可以控制压缩率,指定压缩格式,纯前端实现,高性能高效率。
标签:download, FileSaver, jpeg, png, toDataURL, 图像处理, 图片压缩 发布在 Web综合 | 25 条评论 »
本文主要介绍如何使用 JS 代码实时生成条形码,以及介绍条形码在 Web 应用中的优势,启发若干可以使用条形码的场景。
标签:encode, Unicode编码, 二维码, 加密, 图像处理, 条形码, 编码, 解密 发布在 JS实例 | 6 条评论 »
最近接到一个需求,需要判断图片是不是视觉上颜色看起来相似,还是色彩丰富,一番尝试下来,最终效果还不错,已开源,有demo,相信可以帮到大家。
标签:canvas, RGB, 取色, 图像处理, 颜色相似度, 颜色转换 发布在 Canvas相关 | 13 条评论 »
本文演示如何使用JS实现照片图片变成黑白线稿图片效果,照片变成黑白简单线条有什么用呢?我能想到的就有5个用途,具体是什么,不妨进来看一看~
标签:canvas, jsfeat, 人脸识别, 图像处理, 图片, 算法, 线条, 边缘检测 发布在 JS实例 | 3 条评论 »
本文更多的是技术展示,展示如何对图像进行像素化处理,可方块像素化,圆形像素化。简洁明了,提供demo,截图,以及代码展示,希望能对您的学习有所帮助。
标签:HTML5, 像素, 图像处理, 图片 发布在 Canvas相关 | 4 条评论 »
张鑫旭more,09年华中科技大学毕业,现上海,就职于阅文集团,专注web前端偏前领域,著有《CSS世界》《CSS选择器世界》《CSS新世界》《HTML并不简单》
邮箱:zhangxinxu@zhangxinxu.com
关注我:微信微博掘金知乎抖音热更B站Gitee