照片图片照片像素化项目(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测试解决问题。”
软件工程说:“咱们还是应该把车推回山顶再开下来,看看问题是否重复发生。”

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值