从 PHP 获取 CSS 属性

Question

这是我第一次在这里提问（我曾多次访问过该网站，但从未询问过）。好吧，让我们讨论这个问题：

碰巧我正在开发一个实时图像缩放器（我知道它已经存在，但我正在为自己的项目做自己的事情）。它有三个参数：图像路径（显然）、我想要调整大小的大小以及我想要添加的额外边距。这个想法是调整方形尺寸的盒子内的图像大小。问题是，我要调整的尺寸取决于外箱的尺寸。例如，我有这个 HTML 代码：

<div class="image_outer_box">
   <img width="300px" height="199px" style=" margin: 65.5px 15px;" src="img.jpg">
</div>

“image_outer_box”的属性如下：

.image_outer_box
{
   height: 330px;
   width: 330px;
   border:solid 1px #737373;
}

我调用的函数是这样的：

liveResize($img, $size, $extramargin);

这里的问题是当我发送 $size 时，因为我必须知道“image_outer_box”的 CSS 属性以便进行正确的调整。而且，正如您所看到的，这不仅与“image_outer_box”中指定的大小有关，而且与我要添加的边距有关。实际上，我想为图像添加 15px 的额外边距，并将图像大小调整到 300x300 以内。

是否有办法从这个特定类获取 CSS 属性并不重要，但如果我（和其他开发人员）可以在不知道将放置图像的容器的 CSS 属性的情况下应用该函数，那将会有所帮助。

如果有办法实现的话，我会很棒。

谢谢！ （其他时候我来这里搜索解决方案，我找到了它！！！）

编辑：我找到了一种不需要获取 CSS 属性的方法，但我仍然想获得有关此事的信息。感谢那些到目前为止一直试图提供帮助的人！

Answer 1

您想实际存储调整大小的图像，还是只是想显示调整大小的图像？如果是后者，以下解决方案可能会有所帮助：

HTML

<div class="image_outer_box" style="background:url('img.jpg') no-repeat; background-position:50% 50%; background-size:100%;"> 
</div>

CSS

.image_outer_box
  {
  margin:10px;
  height: 330px;
  width: 330px;
  border:solid 1px #737373;
  }

当然，这不允许您手动设置图像的宽度和高度，因为这完全取决于我们的 CSS。改变CSS，图片的大小也会自动改变。我非常喜欢这种方法，但如果您想存储图像或希望能够手动设置图像大小，它不会走得太远。

Answer 2

我认为为了了解 CSS 并根据图像的当前客户端状态进行更改，您应该（我的意思是我建议）使用 Javascript，也许如果您想保留该函数，则可以通过 AJAX 调用它。