手绘风格数据可视化工具 Sketchify

MIT
JavaScript
跨平台
2019-11-22
naughty
Sketchify 正在参加 2019 年度最受欢迎开源中国软件评选,请投票支持!
Sketchify 在 2019 年度最受欢迎开源中国软件评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票赢奖品
已投票

Sketchify是一个js工具,可将任何包含SVG图形的DOM元素转换为手绘风格的效果。它基于Rough.js

用法

将由svg组成的现有图形转换为草图模式。运行以下代码:

const option = {
    fillStyle: 'hachure',
    roughness: 1,
    bowing: 1,
    chartType: 'highcharts',
};
// container is the root dom element that contains related graph svg
const handler = Sketchifier(container, option);
handler.handify();

// call restore will turn the graph back to original one
handler.restore();

有关fillStyle,roughness和bowing的选项,请参考roughjs api文档

在线示例:

的码云指数为
超过 的项目
加载中

评论(8)

长弓大人
长弓大人
静态还行一旦图像有变化就不是那么回事儿了,当个玩意儿吧
xiaoshiyue
xiaoshiyue
不错
不羁的醒与醉
不羁的醒与醉
秀啊!
海钓的猫
海钓的猫
所以网址是什么呀, 上面几个点了都不是的!!
ibrucekong
ibrucekong
啊哈哈 可以的 玩一下
大又
大又
挺好玩的
edien8wing
edien8wing
神奇

暂无资讯

暂无问答

手绘风格的数据可视化实现 Sketchify

多少年以前,我在一家BI企业负责数据可视化产品的开发,作为产品创新的需要,一篇论文吸引了我的目光,《Sketchy Rendering for Information Visualization》(该论文发表于2013年) 于是我带...

11/16 17:11
63
0

没有更多内容

加载失败,请刷新页面

没有更多内容

返回顶部
顶部