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

我要开发同款
naughty2019年11月22日
96阅读

技术信息

开源地址
https://github.com/gangtao/sketchify
授权协议
MIT

作品详情

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

用法

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

costoptio={fillStyle:'hachure',roughess:1,bowig:1,chartType:'highcharts',};//cotaieristherootdomelemetthatcotaisrelatedgraphsvgcosthadler=Sketchifier(cotaier,optio);hadler.hadify();//callrestorewillturthegraphbacktoorigialoehadler.restore();

有关fillStyle,roughess和bowig的选项,请参考roughjsapi文档。

在线示例:

EChartsAtVG2highchartsamchartsxCharts

功能介绍

Sketchify是一个js工具,可将任何包含SVG图形的DOM元素转换为手绘风格的效果。它基于Rough.js 用法 将由svg组成的现有图形转换为草图模式。运行以下代码:
const o...

示例图片

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

评论