简易 JS 插件 Mini Designer

• 授权协议: 未知
• 开发语言: JavaScript
• 操作系统: 跨平台
• 软件首页: https://github.com/AxeMea/miniDesigner
• 软件文档: https://github.com/AxeMea/miniDesigner
• 官方下载: https://github.com/AxeMea/miniDesigner

软件介绍

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>

本文地址：https://codercto.com/soft/d/2855.html