aspect-ratio

This is how I first tried: $('#thumbnail').imgAreaSelect({ x1: 5, y1: 5, x2: $('#thumbnail').width(), y2: $('#thumbnail').width()*0.66, aspectRatio: '1:0.66' }); But some of the cropped image stay off the overflow... This seems to make a preselection for most of the image resolutions I tried... var thwidth = $('#thumbnail').width(); var thheight = $('#thumbnail').height(); aspectRatio = 0.66; $('#thumbnail').imgAreaSelect({ x1: 5, y1: 5, x2: thwidth - 80, y2: (thwidth - 80) * aspectRatio, aspectRatio: '1:0.66' }); But it won't select the maximum possible; plus it looks a bit dirty to me... How

HTML5 videos have intrinsic aspect ratios and tend to keep it, no matter what your CSS tells them to do. I have a responsive video container that isn't 16:9, and I'd like the videos inside it to stretch to 100% width and 100% height, even if it breaks their original aspect ratio. I've read about the CSS object-fit: fill property, which would solve my problem, but there's still a long way to go before modern browsers support it. So I guess I must turn to JavaScript to achieve what I need. I came across this fiddle: http://jsfiddle.net/MxxAv/ function scaleToFill(videoTag) { var $video = $

I implemented the following code: void TestGlPlot::resizeGL(int width, int height) { setupViewport(width, height); } void TestGlPlot::setupViewport(int width, int height) { /* Prevent divide by zero --------------------------------------------------------------------*/ if (height == 0) height = 1; /* Calculate aspect ratio --------------------------------------------------------------------*/ float aspectRatio = (float)width / (float)height; /* Set viewport to cover the window ----------------------------------------------------------*/ glViewport(0, 0, width, height); /* Set aspect ratio ----

Is it possible to detect the aspect ratio of an HTML5 video element? I know the video will just shrink to fit in the <video> element's dimensions, but I want to detect the aspect ratio of the source video. That way you could remove any black bars. Sorry I don't see this answered anywhere else. Sebastian Job Bjørnager Jensen Pasting from another StackOverflow answer: https://stackoverflow.com/a/4129189/1353189 <video id="foo" src="foo.mp4"></video> var vid = document.getElementById("foo"); vid.videoHeight; // returns the intrinsic height of the video vid.videoWidth; // returns the intrinsic

This question already has answers here : How to maintain widgets aspect ratio in Qt? (4 answers) Closed 5 years ago . I want to keep an aspect ratio of 16/9 on a QGroupBox (the one on the left on the screenshot below). For the tests I made a simple program with 4 groupboxes in a vertical layout, all in an horizontal layout: main.cpp #include "MainWindow.h" #include <QApplication> int main(int argc, char *argv[]) { QApplication a(argc, argv); MainWindow w; w.show(); return a.exec(); } MainWindow.h #ifndef MAINWINDOW_H #define MAINWINDOW_H #include <QMainWindow> namespace Ui { class MainWindow;