ngcordova相机图像叠加

Question

我正在Ionic上构建一个应用程序并集成了ngco​​rdova API。我想知道是否有办法从我的应用程序中的图库中选择图像，然后打开相机并叠加，定位，调整大小，屏幕截图等图像在摄像机视图顶部？

Answer 1

是的，可以这样做。

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

您可以从相机中捕捉屏幕截图：尝试使用画布/上下文的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）在Android上可用，感谢Crosswalk，这是Ionic / Cordova项目中的替代WebView。