具体如何实现可以看之前我写的攵档
下面说说怎么在如何进行电脑截屏及裁剪后实现裁剪和标注等功能。这里用到kscreenshot插件
工具栏功能从左到右依次为:颜色,文字椭圓,矩形线条,箭头后退,完成
当按下shift + A将会触发截图功能
二、对图片做蒙层以及裁剪按钮的添加
placeholder="请详细描述您在使用中遇到的问题戓改进建议"
主要是添加了a标签这部分内容,实现鼠标移入显示蒙层和裁剪按钮,移出时不显示效果如下:
点击裁剪按钮后,可用shift+A进行截图标注。如下图:
点击完成调用endCB方法关闭截图弹窗将截图后图片替换原图片等事件处理。效果如下: