草庐IT

javascript - 如何在 HTML5 Canvas 上缩放图像时保持宽高比?

在我的项目中,我使用HTML5Canvas和FabricJS。我有维持放置在Canvas中的图像对象的纵横比的方案。在调整Angular或缩放图像时,我必须更新宽度或高度以保持图像的纵横比。上图将清楚地显示我的问题。我需要一种算法或公式来保持图像的纵横比。图片应满足以下条件,如果我通过根据实际尺寸调整图片的宽度或高度来进行缩小,它会裁剪并以相同的纵横比显示图片。如果我确实通过调整图像的实际尺寸的宽度或高度来进行扩展,它将分别扩展图像的高度或宽度,并针对视口(viewport)高度和宽度进行裁剪以保持宽高比。隐藏的部分被平移和查看。请给我一些解决方案,谢谢。

javascript - 如何在保持宽高比的同时在网页上显示调整大小的图像?

在客户端使用JavaScript调整图像大小的最佳和最快方法是什么?编辑:抱歉,我的意思是显示在客户端调整大小的图像的最佳方式.. 最佳答案 简单。Client-SideImageResize(Why?!)window.onload=function(){varurl="http://www.google.com/intl/en_ALL/images/logo.gif";varimg=newImage();img.onload=function(){varw=parseInt((this.width+"").replace(/px/

javascript - Dropzone 跨平台缩略图生成

我正在使用Dropzone上传图片并注意到两个问题:同一图像的缩略图生成在某些浏览器中失败,例如对于附加的图像,缩略图在chrome中正确生成,在safari中为空白,在firefox中仅为灰色背景。在Safari浏览器中,大多数缩略图都能正确生成,但对于某些尺寸/宽高比则不然。例如再次附加图像,如果水平拉伸(stretch),safari将生成缩略图,否则不会。更新我现在已经确定这是由缩略图宽度的“空”参数引起的。将其设置为一个值可修复所有浏览器中的问题。理想情况下,我想以其原始宽高比显示缩略图,但对于如上所述的某些尺寸/浏览器,这似乎是失败的。是否有针对此问题的修复或解决方法,以便

javascript - 如何获取 YouTube 视频宽高比

我想获取YouTube视频的宽高比,以相应地调整播放器的大小。我正在使用JavaScript对YT播放器进行编程。 最佳答案 我建议点击oembedurl:https://www.youtube.com/oembed?url=https://www.youtube.com/watch?v={videoID}&format=json这会为您提供公开视频的确切视频尺寸。我不确定私有(private)视频。它还会返回缩略图尺寸,这在某些情况下似乎有所不同,所以一定不要混淆它们。 关于javas

php - Magento - 调整图像大小,保持宽高比,裁剪超出尺寸的部分

我想在magento中调整图像大小以保持其纵横比并使其填充具有另一个纵横比的矩形。例子:我的图片是640x480我的矩形是100x50我希望图像填满所有矩形并裁剪超出它的部分。我知道keepFrame(FALSE)-它不会使图像填充矩形,而是使其适合内部并且不会裁剪任何内容。此外,如果您熟悉Wordpress,我想要的是:*add_image_size('home',370,256,true);*谢谢你:) 最佳答案 看看@因为magento已经更改了页面链接结构,请尝试http://web.archive.org/web/2014

php - 在分辨率数组中找到具有最接近宽高比的最接近的较大分辨率

我有一个数组:$resolutions=array('480x640','480x800','640x480','640x960','800x1280','2048x1536');我想检索具有最接近纵横比(相同方向)的最接近的较大值。因此,如果是$needle='768x1280'-800x1280。并且,如果是$needle='320x240'-640x480。虽然此处最接近的是480x640,但不应匹配它,因为它的纵横比相差太多。依此类推。目的:我有一组图像,其分辨率在$resolutions中指定。这些图像将用作智能手机壁纸。使用JavaScript,我发送一个带有screen.

java - JFrame 的比例调整大小

我正在尝试以一种不寻常的方式调整JFrame的大小:框架的宽高比必须保持不变。我写了这个简单的代码;在这种情况下,比率为1/2:publicclassPanelextendsJFrame{publicPanel(){addComponentListener(newComponentAdapter(){@OverridepublicvoidcomponentResized(ComponentEvente){System.out.println("Reseized");setSize(getSize().width,getSize().width*2);}});}但是这个frame有重绘的

java - Libgdx 窗口调整大小 : Keeping Aspect Ratio

我目前正在使用Libgdx库制作游戏,目前遇到了一个小障碍。我目前在桌面项目的Main.java类中禁用了调整大小的功能。LwjglApplicationConfigurationcfg=newLwjglApplicationConfiguration();cfg.resizable=false;我想知道是否有一种简单的方法可以在保持宽高比的同时调整窗口大小。(就像你移动+调整大小一样)我有哪些选择?:) 最佳答案 该功能无法让您保持宽高比,甚至无法保持您的想法。它只是禁用了在桌面应用程序中调整屏幕大小的可能性。请查看libGDXw

【FFmpeg】ffmpeg 命令行参数 ④ ( ffmpeg 视频参数解析 | 设置视频帧数 | 设置视频码率 | 设置视频帧率 | 设置视频宽高 | 设置视频宽高比 | 设置视频滤镜 )

文章目录一、设置视频帧数-vframes参数1、-vframes参数解析2、设置视频帧数示例使用-vframes参数设置帧数使用-frames:v参数设置帧数二、设置视频码率-b:v/-b参数1、-b:v/-b参数解析2、设置视频码率示例三、设置输出视频帧率-r参数1、-r参数解析2、设置输出视频帧率示例四、设置视频画面宽高-s参数1、-s参数解析2、设置视频画面宽高示例五、设置视频画面宽高比-aspect参数1、-aspect参数解析2、设置视频画面宽高比示例六、设置视频编解码器-vcodec参数1、-vcodec参数解析2、-vcodec参数设置libx264视频编码器3、-vcodec参

c++ - OpenGL:使场景适合屏幕

我有一个带透视投影的3D场景。我想根据边界框(min和max)使场景适合屏幕。我的场景是这样居中的:glm::vec3center=(min+max)/2.0f;rootNode->translate(-center.x,-center.y,-center.z);现在我需要一个缩放因子来缩放我的rootNode以适应屏幕。我该怎么做?(这:8.070HowcanIautomaticallycalculateaviewthatdisplaysmyentiremodel?(Iknowtheboundingsphereandupvector.)没有帮助,因为它基于正交投影)