javascript - 调整不同类型的图像

标签 javascript html css image actionscript-2

我正在搜索一种 JavaScript 方法来调整大小并填充具有固定宽度的 block ,一些不同类型的宽度和高度的不同图像。

我实际上发现了一些看起来很熟悉的东西,但它是在 AS2 中,我不知道它是否可以用 JavaScript 进行转换。

var _loc3 = _caseWidth * 100 / caseItem.item._width;
var _loc2 = _caseHeight * 100 / caseItem.item._height;
caseItem._xscale = caseItem._yscale = _loc3 > _loc2 ? (_loc2) : (_loc3);
caseItem.item._x = -caseItem.item.getBounds(caseItem).xMin + (_caseWidth - caseItem._width) / 2;
caseItem.item._y = -caseItem.item.getBounds(caseItem).yMin;

最佳答案

我认为在 CSS 中使用 object-fit: cover 更容易。您将避免不必要的 javascript 加载

关于javascript - 调整不同类型的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54979867/

相关文章:

css - 购物车 "add to cart"按钮样式问题

javascript - jquery 类更改时更改 href 函数

javascript - 如何使用 fillColor 填充 pdfmake 的列背景颜色?

javascript - iOS Webkit 只读输入可选择吗?

html - xsl中达到高度后如何创建新表?

css - Bootstrap 。屏幕小时更改样式

javascript 将类添加到接下来的 7 个元素

javascript - 如何在单击时切换两个图像

javascript - 如何为所有 HTML 表单字段添加 onChange 函数

c# - 从 C# 中的 div 中删除类