Mini Designer是什么？

Mini Designer是一个为前端工程师而生的简易JS插件，它能辅助前端工程师，更加方便、高效，优质地按照设计图来完成前端页面，减少pm与ui来找茬的机会。

特色

同时支持手机端与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>