轩枫阁

首页 / Web前端 / 移动前端 / H5 / 基于Canvas的手绘风格图形库 Rough.js

基于Canvas的手绘风格图形库 Rough.js

前言

推荐一个基于Canvas的手绘风格图形JS库。

Rough.js

Rough.js 是一个轻量的(大约8k),基于Canvas的可以绘制出粗略的手绘风格库。

提供绘制线条、曲线、弧线、多边形、圆形和椭圆的基础能力,同时支持绘制SVG路径。

Github

https://github.com/pshihn/rough

安装

下载链接

https://github.com/pshihn/rough/tree/master/dist

NPM

使用方法

线条和椭圆

填充

草绘风格

SVG 路径

简单的SVG路径

结合Web Workers

如果在网页中有import Workly这个Web Workers库,RoughJS会自动将所有的操作转移至web workers,来释放UI主线程。这个在使用RoughJS来创建复杂绘图(如地图)时非常有用。详细阅读相关内容

例子

https://github.com/pshihn/rough/wiki/Examples

API及文档

https://github.com/pshihn/rough/wiki

17/470
19/470

相关阅读

文章评论

  • 强大的canvas

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]

    点击开始录制,可以录制弹奏的曲子