zoukankan      html  css  js  c++  java
  • 照片图片照片像素化项目(on Github)

    发一下牢骚和主题无关:

        项目背景

        女友朋欢喜十字绣,始终想着想要有个可以定制十字绣图片的软件或者应用。这件事也被她催了久很,我如果再不行为,一来丢了IT程序猿们的脸,二来她自己都要开始学神马计算机图形学,计算机视觉(明显更应该看看图像处理的好嘛!)。于是我google怒搜“图片像素化”。好吧,本认为这是一件图像处理的事件,结果最后得到了一个js的库,叫seuratjs。这个库本身是基于raphael,js的。把图片的像素的色颜经过析分以后从新在html5的canvas上用svg画了出来。好吧,这样现实的话实确蛮单简的,而且这块我还比较熟,就在饭后忙忙急急用了两个小时把他的demo整合了起来,搞了一个试测面界,并放在了我的github上

        

        使用说明

        详细他自己的API和js码代我就不写出来了,感兴趣的学同可以去把项目clone来下。注意,直接开打html点击图片化变会报错的。错误像好叫"Cross-origin img"?这涉及到jquery跨域的问题。你要需在器容中启动,用http://localhost的路径去拜访这个html文件。在windows下的话开启你的IIS 7就能够了。如果没有接触过的话自己去google下方法吧。先要开启IIS服务,然后在IIS里置设你的路径,然后开打浏览器输入http://localhost会得到你置设的目录下的有所文件,就能够逐一拜访了。

        每日一道理
    最为值得珍惜的是今天,因为最容易流逝的就是今天,把握今天就是把握望希,分分秒秒只是瞬间,而所乘载的分分秒秒就叫做一天,时间的流逝往往是在不经意之间,人生几回,青春更珍贵,对于我们这个年龄的青少年来说,青春已不足二十载,在学习的生活中我们必须靠自己的力量,驾驭着自己的小船驶向望希的彼岸。

        只要点击图片,就会像素化了。

        如果你想替换照片,把imgs里的照片换掉就能够了,前目我只单简的置设了一张照片,可以看就好了。

        

        效果图

        把效果图放上来瞧瞧。不好意思,犯侵或人的肖像权了(证件照一张!)~各位clone了项目以后可不要把照片别传啊= =!

        

        

        

        今后目标

        像素化效果如果要定制成可以被十字绣做出来的粒度,还要再定制。前目只是个最单简的demo,等有时间了,要需持支当地上传照片,加添当地或者网上的url链接来替换照片。此外,对于像素化效果的调参会放到面界上,真正做到从面界上调参,更便利做试测。望希把它托管到友朋的服务器上,给更多的人试用试用,来证实一下女友朋十字绣定制的法想靠不靠谱,受欢迎度怎样。

    文章结束给大家分享下程序员的一些笑话语录: 据说有一位软件工程师,一位硬件工程师和一位项目经理同坐车参加研讨会。不幸在从盘山公路下山时坏在半路上了。于是两位工程师和一位经理就如何修车的问题展开了讨论。
    硬件工程师说:“我可以用随身携带的瑞士军刀把车坏的部分拆下来,找出原因,排除故障。”
    项目经理说:“根据经营管理学,应该召开会议,根据问题现状写出需求报告,制订计划,编写日程安排,逐步逼近,alpha测试,beta1测试和beta2测试解决问题。”
    软件工程说:“咱们还是应该把车推回山顶再开下来,看看问题是否重复发生。”

  • 相关阅读:
    【代码笔记】iOS-NSLog的使用
    【代码笔记】iOS-NSJSONSerializationDemo
    【代码笔记】iOS-My97DatePicker日历
    【代码笔记】iOS-mp3的播放
    【代码笔记】iOS-MBProgressHUDDemo
    【代码笔记】iOS-MBProgressHUD
    【代码笔记】iOS-导航条的标题(label)
    【代码笔记】iOS-Label随字自动变大
    OC语言构造方法
    iOS开发UI篇—在ImageView中添加按钮以及Tag的参数说明
  • 原文地址:https://www.cnblogs.com/jiangu66/p/3043323.html
Copyright © 2011-2022 走看看