按相同的像素量缩放X和Y方向的元素

原学程将引见按雷同的像素质缩搁X以及Y偏向的元素的处置办法,这篇学程是从其余处所瞅到的,而后减了1些海外法式员的疑问与解问,愿望能对于您有所赞助,佳了,上面开端进修吧。

按相同的像素量缩放X和Y方向的元素 教程 第1张

成绩描写

我愿望在X以及Y偏向按雷同的相对像素质(而没有是雷同的比率)缩搁元素,以就

newWidth = oldWidth + n
newHeight = oldHeight + n

个中n是增年夜的像素数,oldWidth以及oldHeight是未知的。

有甚么方法在杂CSS中做到这1面?

css

假如维度未知,则没法应用推举谜底。在这类情形下,只要JavaScript不妨做到这1面。

若要在JavaScript中履行此操纵,请起首夺取元素的维度,而后静态增长或者加来1个值。

佳了闭于按雷同的像素质缩搁X以及Y偏向的元素的学程便到这里便停止了,愿望趣模板源码网找到的这篇技巧文章能赞助到年夜野,更多技巧学程不妨在站内搜刮。