万能照片素描

46 阅读2分钟

听音乐品小众佳作,开眼界玩有趣小网站。这是“小网站”系列的第21篇,关注公众号接收更新,有惊喜。

=== 今日介绍 ===

万能照片素描(Pintr)

把玩点:

  • 艺术创作;

主观评价:趣味性 3 星,技术性 3.5 星

把玩网址 javier.xyz/pintr

=== 使用指北 ===

这是艺术家@Javier Bórquez的个人作品,小网站支持电脑与手机打开,操作简单,一句话概括:支持把你上传的任何照片,用线条勾勒出素描(简笔画)照出来。

图片

界面默认的照片就是作者本人啦,读者觉得帅么?如果觉得画面不符合自己的想像,还可以进行功能调整,全部功能有:

图片

  • Density :线条密度,密度超大,画的线条越多;

  • Contrast:明暗对比度;

  • Definition: 定义,值越大,模拟的越逼真;

  • Single Line :单线模式开关;

  • Stroke width:线条笔画宽度;

  • Opacity:不透明度;

我上传了一个美女照,进行了一些功能调整,画出来的有点意思了,大家觉得如何呢?

图片

生成的素描还支持PNG、SVG两种格式下载保存,SVG的格式还可以进行二次扩展。快来上传自己的美照试试。

=== 干货知识 ===

纯技术性干货,非行业人士可忽略本节。

图片的上传、计算、处理都是通过浏览器前端实现的,后端不保存数据,可以放心上传。

界面右边的照片是Div实现的,上传及显示,左边的素描是用Canvas2D绘图实现的,技术原理是:通过获取图片的像素点位,根据参数与像素的明暗,通过随机的线条进行描绘、处理。

主要的程序在index-xxxx.js中实现,600余行代码,涉及大量计算及数学公式,作者并没有加密混淆,想了解其实现算法的可深入研究。

本系列长期更新!

喜欢的朋友感谢点赞、分享、收藏三连!