Fabric.js最强画布笔刷

937 阅读1分钟

简介

Fabric.js 是一个功能强大且操作简单的 Javascript HTML5 canvas 工具库。Fabric 在画布元素之上提供交互式对象模型,Fabric 还具有 SVG 到 canvas(和 canvas-to-SVG)解析器,这里我们着重介绍一下笔刷功能

官方地址

fabricjs.com/

更丰富的笔刷

fabric-brush.js 是一个基于“fabric.js”笔刷扩展库,利用fabric.js+ fabric-brush.js的组合方式,我们可以快速的实现更丰富绘画软件,该扩展在fabirc.js原有库基础上增加了四种更为生动的笔刷, 多种内置笔刷供开发者使用,笔刷是否好用,直接影响着着使用者对软件的最终评价,fabric-brush虽然内置笔刷不多,但已经可以适应大部分绘画场景,其以精确的算法保证了程序笔刷输出与现实生活中的画笔效果高度还原,具体算法我们后期讨论,大家先一睹为快

笔刷动态展示

▲蜡笔▲

▲毛刷▲

▲马克笔▲

▲喷雾▲

git仓库地址

github.com/tennisoncha…

官方演示

2z8.cn/BpnDP

克隆仓库

git clone https://github.com/tennisonchan/fabric-brush.git