gpt4 book ai didi

javascript - 水平拉伸(stretch)图像中间

转载 作者:行者123 更新时间:2023-11-28 12:39:52 25 4
gpt4 key购买 nike

如何水平拉伸(stretch)图片的中间部分?

例如,我有这张图片:

Glossy button background
(来源:lawrenceinspections.com)

我希望圆 Angular 和现在一样(所以拉伸(stretch)整个图像是行不通的)。我只想取中间部分并根据里面的内容拉伸(stretch)它。垂直方向上的所有东西都应该保持相同的高度。

我该怎么做?谢谢!

最佳答案

  1. 制作图像的副本并将其放入带有 style="overflow:hidden"的 div 中;
  2. 在该 div 中居中图像;
  3. 复制该 div 并在需要时将其并排放置;
  4. 在开头和结尾用两个 div 包裹 div,并相应地计算图像开始和图像结束的副本;

关于javascript - 水平拉伸(stretch)图像中间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17734857/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com