我正在使用一个API,它需要我捕获分辨率为300的jpeg图像。
工作流程是:
我遇到的问题是,我认为画布上的图像取决于网页/监视器的分辨率。虽然我可以改变图像的尺寸,但是使用CSS来缩小一些大到更高分辨率的东西;API不断回击,我正在发送一个质量太低的图像。
我最终需要使用集成摄像头来捕获和传输分辨率为300 (或更高)的jpeg,但我无法确定单靠前端代码是否可能做到这一点。
谢谢你的帮助:)
发布于 2016-04-22 16:35:51
虽然没有显示,但是您可能正在使用视频元素的width和height属性来定义画布元素的大小。
您需要使用的是videoWidth和videoHeight属性,因为前者反映的是元素大小,而不是原始视频大小。
如果它仍然太小(由视频本身造成),则始终使用视频的纵横比来扩展元素:
var aspect = video.videoHeight / video.videoWidth;
var wantedWidth = 1280; // or use height
var height = Math.round(wantedWidth * aspect);现在您可以将视频绘制到画布上:
canvas.width = wantedWidth;
canvas.height = height;
ctx.drawImage(video, 0, 0, canvas.width, canvas.height);更新如果你用"300“来指this answer,然后看一看this answer。重要的是要知道像素是图像、视频和屏幕(相对于英寸、厘米等)的唯一有效和可用的单位。DPI被用于纯粹的任意形式来建立像纸张这样的物理媒体和基于像素的源之间的关系,但是并不改变实际的像素分辨率。F.ex。HD 1920x1080中的视频将是1920x1080在10 DPI以及在1000 DPI。新闻部不重要。
https://stackoverflow.com/questions/36797514
复制相似问题