在线的图片颗粒化效果实现

图片颗粒化也可以称作图片粒子化或者图片像素化。其原理即通过一定的规则来提取图片中的像素点，从而得到了所需图像或者文字内容的具体坐标，然后按照规则将它们形象地用一个个的粒子进行表示，从而使图片呈现出抽象化的观赏效果。一般用于制作社交头像和颗粒文字，颗粒化之后的图片，具有很强的艺术效果。（哈哈这是从我的网站复制粘贴的一套说辞）。

最近在自己的网站butterPig上又实现了一个小功能，也就是图片的颗粒化，也可以叫做图片粒子化等等，随意叫就行啦。总之就是把图片和文字之类的，转换成很多小颗粒组成，还挺好看的。先上链接吧：butterpig在线图片颗粒化效果生成

下面是几张效果图：

我感觉特别是对于卡通人物简笔画这类图片的效果很好，因为卡通图片转换成颗粒化之后，轮廓线条被颗粒描绘得很清晰。不过因为我写的是一种通用算法，因为是“通用”，所以对于大尺寸的图片，转换后的颗粒显得有点点小，不过放大了看也还可以。总之这个图片颗粒化的功能就是这样啦~~以后有空再改进改进呗！

butterpig在线图片颗粒化效果生成

欢迎大家体验一下~~

在线的图片颗粒化效果实现相关推荐

java 图片效果_使用Java进行图片底片化效果处理
使用java代码读取图片,并进行底片化处理 util importjava.awt.image.BufferedImage;importjava.io.File;importjava.util.Arr ...
Android App图片轮播效果的组件化
简介一个通用的图片轮播效果的通用组件,方便开发者快速集成. 初学者,其实应该实现一个自定义控件的,改天有空,在学习下吧,学习能力一般,以前也没写过java,这个组件都写了好久,惭愧啊. 背景笔者参 ...
unity实现图片轮播效果_unity 背景无限循环滚动效果
背景无限循环滚动效果如下示: 步骤如下: 导入背景图片后,设置图片的格式,如下图: 2.图片格式也可以设置是Texture格式,但是Wrap Mode 一定要是Repeat[重复发生]:然后记得App ...
前端实现序列帧_炫酷H5中序列图片视频化播放的高性能实现
作者:张鑫旭 1.爆款H5中的炫酷场景的技术实现每年都会迸出一些爆款H5,这些H5通常会有一些酷酷的场景变换. 例如网易Julia H5.创意很棒,传播效果很广,其技术实现就相当简单粗暴,直接一个3 ...
图片碎片化mask动画
图片碎片化mask动画效果源码 https://github.com/YouXianMing/Animations // // TransformFadeViewController.m // A ...
github unity 图片切换效果_CSS3图片模糊切换效果
今天我们来分享一款利用CSS3技术让图片模糊的效果,我们只需要将鼠标滑过图片,就可以让图片产生模糊的特效,利用CSS3实现图片模糊效果也非常简单,用CSS3中的filter属性即可,针对不同浏览器用- ...
html循环加载多个图片,两行代码实现图片碎片化加载
今天来实现一个图片碎片化加载效果,效果如下: 我们分为 3 个步骤来实现: 定义 html 结构拆分图片编写动画函数定义 html 结构这里只需要一个 canvas 元素就可以了. id=&q ...
[置顶] JQuery在线截取图片
JQuery在线截取图片 ASP.NET结构开发 1.在线截取前几天看织梦CMS,有个截图功能挺好的,可以在线选取需要截取的部分图片,然后后台截取 2.开始正文首先构建文档,样式 <html ...
background-image属性设置图片尺寸_Matlab | 批量修改图片尺寸及图片灰度化
介绍: 在情绪认知的心理学实验中,我们从不同的人脸图片库获取实验所需的实验材料.在正式使用之前往往需要对人脸进行预处理,以控制无关变量对实验结果的影响.常见的预处理有将图片修改为统一尺寸.灰度化.本文 ...

在线的图片颗粒化效果实现

在线的图片颗粒化效果实现相关推荐

最新文章

热门文章