# livecut

> Real time design drawing comparison web tool.

Latest version **2.0.0** (published 2022-07-09) · MIT license · 0 weekly downloads

## Install

```sh
npm install livecut
pnpm add livecut
yarn add livecut
bun add livecut
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.0.0 |
| Published | 2022-07-09 |
| First published | 2022-06-11 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >=16.15.0 |
| Dependencies | 0 |
| Unpacked size | 39.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | SystemLighht |
| Maintainers | systemlight |
| Keywords | live, cut, draw |

## Links

- npm: https://www.npmjs.com/package/livecut
- Repository: https://github.com/SystemLight/livecut
- Homepage: https://github.com/SystemLight/livecut#readme
- Issues: https://github.com/SystemLight/livecut/issues
- npm.io page: https://npm.io/package/livecut

## Recent versions

- 2.0.0 (latest) — 2022-07-09
- 1.3.0 — 2022-06-15
- 1.1.1 — 2022-06-14
- 1.0.1 — 2022-06-12
- 1.0.0 — 2022-06-11

## README

# livecut

> 轻量的网页切图设计稿对比工具

### 效果展示

<img src="./docs/tian.gif" alt="tian.gif" width="50%" />
<img src="./docs/baoxiaohe.gif" alt="baoxiaohe.gif" width="50%" />
<img src="./docs/tencent.gif" alt="tencent.gif" width="50%" />

### 引入方法

```javascript
<script src="./index.js"></script>
<script>
    // 第一个参数：图片对象 | URL网址
    // 第二个参数：可选，object{w:切稿宽度,h:切稿高度}

    // 使用图片对比，创建方法一
    let img = new Image();
    img.src = './cut.png';
    new LiveCut('./cut.png');

    // 使用图片对比，创建方法二
     LiveCut.img('./华硕无双_作业_效果图示例.png');

    // 使用网址最对比，创建方法一
    // url模式创建对比，第二个参数必须填写，获取网址的大小，可以打开目标网址控制台，
    // 输入：`{w:document.body.scrollWidth,h:document.body.scrollHeight}`，复制结果填入
    new LiveCut('https://bing.com/', {w: 1920, h: 1000});

    // 使用网址最对比，创建方法二
    LiveCut.iframe('https://bing.com/', {w: 1920, h: 1000});
  
    // 网页复刻，4361指定网站高度
    LiveCut.reprint('https://lol.qq.com/main.shtml', 4361)
</script>
```

---
_Source: https://npm.io/package/livecut · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._