README.md · coderlei/a4view

1月18日，北京，聊聊2025如何加入技术开发？

加入 Gitee

与超过 1200万开发者一起发现、参与优秀开源项目，私有仓库也完全免费：）

免费加入

文件

克隆/下载

README.md 844 Bytes

一键复制编辑原始数据按行查看历史

提交于 2023-07-20 15:48 . refactor: 文件位置调整

# a4view

If you need a preview of the A4 paging effect, then this plugin is worth a try.

## How use

```base
npm install a4view
```

```js
import A4View from "a4view";

new A4View({
  target: ".container",
}).render(".preview");
```

# Props

```ts
export interface IA4ViewOptions {
  target: string | HTMLElement;
  background?: string;
  pageGap?: number;
}

export default class A4View {
  public targetContainer: HTMLElement;
  public previewContainer: HTMLElement;
  public background: string;
  public pageGap: number;

  constructor(options: IA4ViewOptions);

  render(preview: string): void;

  setBackground(color: string): void;

  setA4Gap(gap: number): void;

  root(): HTMLElement;
}
```

## Example
1. Clone the repository
2. Go to the `a4view` folder
3. `npm install`
4. `npm run dev`

## License

MIT © [coderlei](./license)

马建仓 AI 助手

尝试更多

代码解读

代码找茬

代码优化

https://gitee.com/codeleilei/a4view.git

[email protected]:codeleilei/a4view.git

codeleilei

a4view

main

coderlei/a4view

简介

发行版

贡献者

近期动态

coderlei/a4view .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

coderlei/a4view