Sketchify 手绘风格数据可视化工具开源项目

我要开发同款
naughty2019年11月22日
38阅读
开发技术JavaScript
所属分类大数据、可视化
授权协议MIT

作品详情

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

用法

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

constoption={fillStyle:'hachure',roughness:1,bowing:1,chartType:'highcharts',};//containeristherootdomelementthatcontainsrelatedgraphsvgconsthandler=Sketchifier(container,option);handler.handify();//callrestorewillturnthegraphbacktooriginalonehandler.restore();

有关fillStyle,roughness和bowing的选项,请参考roughjsapi文档。

在线示例:

EChartsAntVG2highchartsamchartsxCharts
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论