### Mini Designer是什么？
Mini Designer是一个为前端工程师而生的简易JS插件，希望它能辅助前端工程师，更加方便、高效，优质地按照设计图来完成前端页面，减少pm与ui来找茬的机会。
### Github
[https://github.com/AxeMea/miniDesigner](https://github.com/AxeMea/miniDesigner)
### 特色
同时支持手机端与PC端。
PC端：
* 设计图拖动
* 设计图透明度调节
* 刷新页面，设计图状态自动保存
* 重置设计图初始状态
移动端：
* 刷新页面，设计图状态自动保存
* 设计图透明度调节
* 重置设计图初始状态
### 安装步骤
#### 一、下载Mini Designer插件
```
git clone https://github.com/AxeMea/miniDesigner.git
```
#### 二、引入插件
插件是基于jQuery，所以，你懂的。
```
<script src="jquery-1.9.1.min.js"></script>
<script src="mini-designer.min.js"></script>
```
#### 三、初始化插件
```
<script>
var opts = {
picture:‘design.jpg‘, ／／设计图的地址
debug:true ／／默认为true，为true时，插件启用，为false时，插件关闭
};
miniDesigner(opts);
</script>
```Mini Designer 小而高效
原文：http://my.oschina.net/u/1420701/blog/468557
