# comic-reader

**Repository Path**: forhot2000/comic-reader

## Basic Information

- **Project Name**: comic-reader
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-03-05
- **Last Updated**: 2024-03-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 漫画阅读器

这是一个原生js脚本实现的漫画阅读器，可以直接访问 [demo](http://forhot2000.gitee.io/comic-reader) 查看效果。

## 使用方法

引入 `viewer.js` 脚本

```html
<script src="/viewer.js"></script>
```

创建容器

```html
<!-- set initial height to keep scroll position when refresh window -->
<div id="viewer" style="height: 148000px"></div>
```

创建 Viewer 实例

```js
var data = [
    { src: '/01/1.jpg', width: 1200, height: 1000 },
    { src: '/01/2.jpg', width: 1200, height: 1000 },
    { src: '/01/3.jpg', width: 1200, height: 1000 },
    // ...
];
var viewer = new Viewer(document.getElementById('viewer'), data);
```