Sketchify 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
Sketchify 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
授权协议 MIT
开发语言 JavaScript
操作系统 跨平台
软件类型 开源软件
所属分类 大数据可视化
开发厂商
地区 国产
提 交 者 naughty
适用人群 未知
收录时间 2019-11-22

软件简介

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文档

在线示例:

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (9)

加载中
关注
01/07 17:50
回复
举报
静态还行一旦图像有变化就不是那么回事儿了,当个玩意儿吧
2019/11/25 20:21
回复
举报
不错
2019/11/25 17:54
回复
举报
秀啊!
2019/11/25 17:50
回复
举报
所以网址是什么呀, 上面几个点了都不是的!!
2019/11/25 16:51
回复
举报
naughty软件作者
2019/11/26 07:29
回复
举报
啊哈哈 可以的 玩一下
2019/11/25 11:23
回复
举报
挺好玩的
2019/11/25 10:10
回复
举报
神奇
2019/11/25 09:51
回复
举报
更多评论
暂无内容
发表于AI & 大数据专区
2019/11/16 17:11

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

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

0
1
发表于运维专区
01/04 09:13

利用深度学习实现手绘数据可视化的生成

前一段时间,我开发了Sketchify, 该工具可以把任何以SVG为渲染技术的可视化转化为手绘风格。(参考手绘风格的数据可视化实现 Sketchify) 那么问题来了,很多的chart是以Canvas为渲染技术的,那要怎么办? 我拍脑...

2
40
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
9 评论
162 收藏
分享
返回顶部
顶部