截图插件开发需求文档开发任务完成一个截图插件的开发，主要功能为：1、提供截图接口给javascript调用2、Javascript调用截图接口后，开始锁定屏幕3、用户选区要截的区域4、插件将选区通过HTTP，发送给服务器保存为图片，在保存完成后，调用一下网页上的javascript接口insertImage(URL)，URL为图片的服务器地址。应用范围网页上使用，提示用户安装插件适用操作系统Windows支持的浏览器ie6以上（包括ie6），仅支持ie系列即可。截图显示效果图1、打开网页，会提示安装插件：2、安装插件，选择屏幕区域后：3、发送后显示功能描述序号UI元素说明1“截图”图标点击开启截图功能2前置场景说明：按住鼠标左键不放拖动，画出矩形框，包含所需截取的画面内容在内，放开鼠标左键后，弹出截屏所需菜单栏。功能描述序号UI元素类型说明1选择域域选择域内的内容表示需要截图的对象2选择域提示框文本域显示提示信息(只显示双击可以快速完成截图即可)3工具栏条形框只需要：画笔+2个功能业务约束序号字段来源类型取值范围必须*只读备注1选择域系统带入域1点击截图功能后，鼠标变为彩色。按住鼠标左键拖动，即显示选择域。选择起点即是按住鼠标左键拖动的那个起点2可改变大小，可改变位置（改变位置时候大小保持不变）2选择域提示框1大小固定，呈半透明状。2一般位于选择域的左上方，相对位置固定。3当选择域位于屏幕顶部，提示框无法正常显示时，显示在选择域内部的左上角位置。提示信息：双击可快速完成截图3工具栏1大小固定2一般位于选择域的右下方3当选择域位于屏幕底部，工具栏不能正常显示时，显示在选择域的左上方，选择域提示框的下方4图标按钮系统按钮1.，点击后，可以在选取涂鸦。样式为：2像素的红色线即可。9.，滑过图标显示文字提示：“完成截图”；点击图标后完成截图。后置场景后置场景1-对话窗口点击“完成截图”图标或者双击后完成截图，截取的图通过POST请求，将图片数据发送给http服务器处理，服务器接收到数据后，将截图保存为图片。图片保存完毕后，截图插件调用一个javascript方法insertImage(url)，将图片的URL地址传给javascript方法。最后javascript方法把url地址在网页上显示出来。