css - 拉伸(stretch)时如何计算图像内对象的x和y?

标签 css image image-processing formula

假设一张图片有

Height = 200px;
Width = 100px; 

图像中的一个点有

Y axis = 40px
X axis = 30px

现在,如果我调整该图像的大小:

New Height = 300px;
New Width = 150px;

Is there any formula to calculate new Y and X axis of that point?

最佳答案

坐标变化的因素是:

xFactor = newSizeX/OldSizeX = 150/100 = 3/2

yactor = newSizeY/OldSizeY = 300/200 = 3/2

newX 坐标 = oldXCorrdainte*xFactor = 30*3/2 = 45

newY 坐标 = oldXCorrdainte*xFactor = 40*3/2 = 60

关于css - 拉伸(stretch)时如何计算图像内对象的x和y?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39291751/

相关文章:

html - 高度 ="100%"适用于 <object> 但不适用于 <img>,HTML 与 CSS 宽度/高度属性的区别?

html - 为 css 中的链接强制执行本地样式的类

css - 将 Angular HostBinding css 类设置为具有函数的值?

javascript - HTML 5 -- 垂直滚动 -- BEN THE BODYGUARD

image - 将图像添加到测验应用程序

java - 调整位图大小

css - 褪色图像网页设计

java - 将带有 alpha 图像的 TrueColor 转换为带有透明图像的 256 色

java - 方向加权中值滤波器(图像处理)

c++ - OpenCV/C++ - 将图像转换为 double vector 以进行 FFT(快速傅里叶变换)