ngcordova相机图像叠加

Question

我正在Ionic上构建一个应用程序，并集成了ngcordova API。我想知道是否有一种方法可以在我的应用程序中从图库中选择一张图像，然后打开相机，并在相机视图的顶部覆盖图像，定位，调整大小，截图等。

Answer 1

是的，这是可以做到的。

您可以将<video>项和<canvas>项包装在<div>容器中，然后将相机附加到视频(使用getUserMedia() API)。

您可以从您的相机捕获屏幕截图:尝试使用canvas/context的drawImage API (例如，请参见http://appcropolis.com/blog/web-technology/using-html5-canvas-to-capture-frames-from-a-video/)。

<div>容器可用于(通过CSS)将视频和画布元素保持在一起，并适当地管理调整大小/位置。

<canvas>元素可用于绘制覆盖到视频上的图片(使用CSS不透明度值)。

GetUserMedia API (和其他WebRTC API)可以在安卓上使用，这要归功于Crosswalk，它是爱奥尼亚/科尔多瓦项目中的一个替代WebView。