大师兄周刊(第6期):图片手绘,图片裁剪,图片缩放

NO.1
本期内容

图片处理工具或者库,多数为手绘

  1. 图片手绘

  2. 图片裁剪

  3. 图片缩放

NO.2
Rough.js

一个手绘风格的开源库

该库定义了用于绘制直线、曲线、圆弧、多边形、圆和椭圆的基础元素

适用于canvas和svg

github地址:https://github.com/rough-stuff/rough

此图片的alt属性为空;文件名为image-167.png

NO.3
cropperjs

js图片裁剪器

github地址:https://github.com/fengyuanchen/cropperjs

此图片的alt属性为空;文件名为image-168-1024x669.png

NO.4
js-image-carver

在改变图像比例(即在保持高度的同时减小宽度)和不希望丢失图像的某些部分时,会应用内容感知图像大小调整。

github地址:https://github.com/trekhleb/js-image-carver

NO.
沐瑶软笔手写体

沐瑶软笔手写体

站酷设计师@春颜秋色送给女儿的礼物,字体名以女儿名字命名。

免费商用,该授权允许您将该字体用于商业目的而无须支付版权费用,例如广告设计、电商平台等

参考地址:https://www.zcool.com.cn/work/ZMjg5MjAwMDQ=.html

此图片的alt属性为空;文件名为image-169.png

NO.6
videoscribe

白板手绘动画

官方地址:https://www.videoscribe.co/en/

tips:

该软件需要付费订阅使用,价格相对并不便宜

此图片的alt属性为空;文件名为image-170-1024x415.png

NO.7
chart.xkcd

手绘图表

Chart.xkcd 是一个图表库,可以绘制“粗略”、“卡通”或“手绘”风格的图表

可以绘制柱状图,饼图,线图,雷达图,堆叠柱状图,5种手绘图表

支持移动端以及pc端自适应展示

github地址:https://github.com/timqian/chart.xkcd

参考效果 《手绘图表简码~[dsx_xkcd_?]》》

此图片的alt属性为空;文件名为image-171.png

NO.8
xMind

手绘导图

近期版本中xMind添加了手绘模板,支持手绘效果

如图,也支持中文字体手写

目前思维导图支持手写手绘并不多

官网地址:https://www.xmind.cn/

此图片的alt属性为空;文件名为image-172.png

NO.9
excalidraw

开源白板

不同于videoscribe,这个白板是在线白板协同工具,且是免费的

有很多第三方模板支持导入

github地址:https://github.com/excalidraw/excalidraw

参考文章:《自建白板-开源软件excalidraw》

tips:
如需支持中文手写字体,需要单独配置编译

参考文章:《Excalidraw修改手写中文字体~沐瑶手写体》

此图片的alt属性为空;文件名为image-173-1024x493.png

NO.10
Skribbl

手绘插图

可以将插图用于任何目的,无需注明出处。

提供png素材下载,svg需要付费

所有图片均免费可商用,可以随意编辑,不需要注明住处和作者

官网地址:https://weareskribbl.com/

此图片的alt属性为空;文件名为image-174-1024x506.png

NO.11
Sketchvalley

手绘插画

手绘免费矢量插图资源

免费商用,无需署名

网站上提供了52个插画素材,可以随意编辑

官网地址:https://sketchvalley.com/

此图片的alt属性为空;文件名为image-175-1024x546.png

END