CUT-BOY 保护眼睛 & 提升质量 & 提高效率

© Young 2019-03-15 17:34
Welcome to My GitHub

马上而立之年的UI工程师遇到了一个很棘手的问题,年纪大了,老眼昏花,切图切的不太得劲;

比如视频中的这种操作,高度近视的大龄切图仔真是有点力不从心了…

而一些机器学习人工智能神经网络自动根据设计稿生成代码的方案,一直都只听说…从来没见实用…

针对这种情况CUT-BOY诞生了!

主要目的是为了减少UI重构页面时的手工工作量降低设计工具和页面的切换频率

尽可能的实现在设计工具中只需要进行切图复制样式操作。

项目地址 CutBoy

安装

npm install cut-boy

安装完成之后目录结构如下:

普通项目

  • HTML页面按照对应的目录引入相关文件;
<link rel="stylesheet" href="./node_modules/cut-boy/css/debug.css">
<script type="text/javascript" src="./node_modules/cut-boy/lib/tinycolor.js"></script>
<script type="text/javascript" src="./node_modules/cut-boy/lib/opencv.wasm.js"></script>
<script type="text/javascript" src="./node_modules/html2canvas/dist/html2canvas.min.js"></script>
<script type="text/javascript" src="./node_modules/cut-boy/index.js"></script>
  • 初始化
<script>
    window.onload = function(){
        new CutBoy(