小编Riv*_*vka的帖子

Angular2 for clojurescript

我想用clojurescript语言和angular2框架构建一个应用程序。

我 在github上找到了这个项目该项目提供了将两者结合的基本范例。但这只是一个基本开始,我在声明新组件以及向我的应用程序中添加更多angular2功能时遇到了困难。

是否有有关此问题的教程?您是否尝试过同时使用clojurescipt和angular2?

谢谢你的帮助

clojurescript angular

5
推荐指数
1
解决办法
1038
查看次数

缩放和裁剪视频源

在我的应用程序中,我编写了一段代码,允许用户使用连接到计算机的相机拍照。

执行:

我使用了网络摄像头,它显示视频元素,来源是摄像头:

function onSuccess (stream) {
 this.video.srcObject = stream;
}
navigator.getUserMedia({video: true}, onSuccess, onFailure)
Run Code Online (Sandbox Code Playgroud)

当用户单击按钮时,我从视频创建快照:

function takeSnapshot (width, height, savePicture) {
      const canvas = document.createElement('canvas');
      canvas.width = width;
      canvas.height = height;
      const ctx = canvas.getContext('2d');
      ctx.drawImage(this.video, 0, 0, canvas.width, canvas.height);

      canvas.toBlob(function (blob) {
         savePicture(blob);
      }, "image/jpeg");
   }
Run Code Online (Sandbox Code Playgroud)

现在,我需要放大相机并在中心周围裁剪视频,因为我想删除照片周围的背景。我不想使用 CSS 来实现这个,因为我也想保存裁剪和缩放的图片。我希望在视频视图中以及在缩放快照时进行缩放。

相机本身没有变焦选项。

是否有在视频流中缩放和裁剪的选项?

html javascript webcam webrtc

5
推荐指数
1
解决办法
5849
查看次数

标签 统计

angular ×1

clojurescript ×1

html ×1

javascript ×1

webcam ×1

webrtc ×1