Mini Designer 小而高效

为什么80%的码农都做不了架构师？>>>   

Mini Designer是什么？

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

Github

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>

转载于:https://my.oschina.net/AxeMea/blog/468557