Mini Designer簡(jiǎn)易 JS 插件

Mini Designer是一個(gè)為前端工程師而生的簡(jiǎn)易JS插件，它能輔助前端工程師，更加方便、高效，優(yōu)質(zhì)地按照設(shè)計(jì)圖來(lái)完成前端頁(yè)面，減少pm與ui來(lái)找茬的機(jī)會(huì)。

特色

同時(shí)支持手機(jī)端與PC端。

PC端：

• 設(shè)計(jì)圖拖動(dòng)

• 設(shè)計(jì)圖透明度調(diào)節(jié)

• 刷新頁(yè)面，設(shè)計(jì)圖狀態(tài)自動(dòng)保存

• 重置設(shè)計(jì)圖初始狀態(tài)

移動(dòng)端：

• 刷新頁(yè)面，設(shè)計(jì)圖狀態(tài)自動(dòng)保存

• 設(shè)計(jì)圖透明度調(diào)節(jié)

• 重置設(shè)計(jì)圖初始狀態(tài)

安裝步驟

一、下載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', ／／設(shè)計(jì)圖的地址
	  debug:true ／／默認(rèn)為true，為true時(shí)，插件啟用，為false時(shí)，插件關(guān)閉
      };
   miniDesigner(opts);
</script>