在本机相机捕获图像后，如何在图像周围应用框架？

Question

我无法向使用以下方法拍摄的图像添加自定义边框/边框：

˚˚

在本机设备拍摄完图像后，必须将框架/边框放置在图像周围

添加边框/边框后，我想将其上传到社交媒体页面。

我已经创建了带有社交页面链接的html页面，相机可以工作，但是图像没有边框，而且我不知道如何在拍摄后上传图像

<p class="tagline">Upload your selfie AND TAG @FUTURETECHMEDIA</p>
  <center><input type="file" accept="image/*" capture="camera"          class="imageBox"> </center>

  <div class="imageBox">
  <center><img src="images/border.png" alt="My Picture" width="100%"      />
 </center>
 </div>˚

所以我什至不是初学者，但是据我所知。如果有人可以帮助我吗？