vue怎么在页面里画一个大方框

图片储存在后台中，根据图片的地址，在vue页面中，查看图片，并根据坐标标注指定区域。这里为了交互体验，使用了elementui的d窗方式。鼠标左键拖动添加矩形框标记区域，鼠标点击已绘制的矩形；选中矩形，并绘制不同选中效果。

批量给图片加边框的方法，看看这个：

步骤1，电脑上下载“优速图片格式转换器”后安装打开，软件左边有5个功能，点击【美化图片】功能，在这里可以为图片添加边框。

步骤2，点击【添加文件】按钮将需要添加边框的图片添加到软件中，也可以直接拖动图片到软件界面的方式进行添加。请一次性添加完图片，支持批量处理，节省时间。

步骤3，添加完图片后在软件右下方进行设置，勾选是否添加边框，然后设置边框的宽度以及边框的颜色和透明度，在上方可以实时预览边框的效果（可以点击预览图片，查看大图）。

步骤4，设置好后点击【开始转换】按钮启动软件程序，所有图片添加好边框后软件会自动d出一个文件夹，所有添加边框后的图片会全部保存到这里。

步骤5， 从案例可以看到，所有图片都批量统一加上了边框。

新手1分钟一键为图片添加边框，艺术风、高级感众多模板轻松搞定

人是视觉动物，怎样才能让中规中矩的图片从风起云涌的朋友圈脱颖而出呢？本期教大家如何轻松一键为图片制作边框，保证人人都能学会的一个小技巧，让照片变得更有趣味。

废话不多说，效果图先来走一波：

最好的我们：

光阴故事：

平淡是真：

1、使用图曰（yue）app，加字神器，兼具模版库，图片库，文字库等素材库！

2、打开图曰，点击下方的加号，选择图片模版，就可以进入图曰的模版素材库选择模版了！

点击模版！

3、进入模版库，选择模版！

4、一键选中就可以使用模版完成了！

5、使用模版完成，点击下方的图片，选择换一张图片，就可以更换自己的背景图片！

6、选择换一张图片！

7、进入模版库选择自己的图片！如下方所示，可以选择图曰图片库的图片，也可以选择自己本地相册的图片！

8、替换背景图片完成了，！

9、模版上的图片也是自带的呢，如果想修改上面的文字，就单击图片上的文字，下方会d出字体，颜色，对齐，编辑等等！

10、不光可以点击编辑编辑图片上的文字，而且还可以相应的调整字体，颜色，对齐等等！

最后点击右上角的完成，就可以将图片保存到本地了！

本篇为投稿作品，感谢支持！

PS：感谢朋友们一如既往的支持。由于最近工作关系，以及个人规划，个人的品更新的实在缓慢。抱歉了！说好的下一篇是选区的详细内容，现目前却只是框架弄出来了，一共总结到10种建立选区的抠图工具，非常详细，争取本月内出来，非常感谢朋友们的支持！

最近开始学习后期高级课程了，我相信在不久的将来，一定会为大家带来更多切实可行的纯干货免费教程。不忘初心，勇往之前，让我们一起遇见那个更好的自己。

---