gpt4 book ai didi

javascript - 优化不可重复的模式

转载 作者:行者123 更新时间:2023-11-28 01:56:46 25 4
gpt4 key购买 nike

在寻找用于背景的图案时,我找到了 this pattern .

我目前将它用于我的网站背景。

问题是模式不可重复。

我将它设置为我 body 的背景,所以如果我使用此 CSS,我会在每张新图片开始的地方得到非常明显的接缝。

body {
background:url(../images/testbackground.jpg) repeat;
}

我已经知道我可以通过将照片旋转/翻转成更大的照片来解决这个问题。我已经做到了 here .它工作完美,可重复,在网站上看起来不错(你知道,除了接缝处的镜像,但可以忽略不计)

问题是我很想为互联网连接速度较慢的人优化加载速度,所以我不太适合拥有四倍于应有大小的背景。

有没有一种方法可以使用代码旋转/翻转照片?我宁愿不必使用复杂的 jQuery/javascript 脚本,但实际上我知道我必须使用。

有人知道执行此操作的脚本吗?

这是需要如何旋转的引用:

最佳答案

我没有翻转和旋转的解决方案。但我让你的背景可以重复:)

我只是从右边切掉了有问题的像素,所以背景现在变小了

repeatable bg

但是由于您正在进行优化:图片本身已经重复了!因此,您可以将其进一步裁剪为更小的尺寸,但仍具有几乎相同的背景:

the smaller bg with same effect

关于javascript - 优化不可重复的模式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16536895/

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