在 Javascript 中是否可以在屏幕的另一侧重复剪辑对象？答案

【问题标题】：is it possible in Javascript to have a clipped object repeat on the other side of the screen?在 Javascript 中是否可以在屏幕的另一侧重复剪辑对象？
【发布时间】：2018-05-20 12:27:04
【问题描述】：

我最近接触了 javascript，想知道是否可以从屏幕上剪下一个对象，并让缺失的部分出现在屏幕的另一端，就好像页面是连续的一样。我在下面附上了一个插图，以更好地解释我的意思。

https://i.stack.imgur.com/DCpZN.jpg

【问题讨论】：

您想循环播放图像从左到右吗？
放两个相同样式的元素，每个剪辑部分一个
欢迎来到 Stack Overflow。请查看How do I ask a good question?，并考虑提供Minimal, Complete, and Verifiable example（使用snippets）以向我们展示您的尝试。
既然您已经标记了three.js，我假设您的问题与javascript 的相关性较低，而更多的是如何在three.js 和/或HTML Canvas 中实现环绕，对吗？搜索使用 wraparound with three.js 或 HTML canvas 的示例，看看其他人是如何做到的。或者搜索一个具体的例子（例如three.js asteroids - somethinglikecorkscrews.com）
我昨晚尝试搜索，但不知道要搜索什么。但是谢谢你的小行星例子，这就是我所说的。是否有此类效果的技术名称有助于找到更多示例？

标签： javascript jquery html css three.js

【解决方案1】：

您可以使用 CSS 来做到这一点。

#lp{
position:absolute;
left:-120px;
}

#rp{
position:absolute;
right:-330px;
}

<div>

<img id='lp' src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/3211/chimp-thinking.jpg">
<img id='rp'  src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/3211/chimp-thinking.jpg">

</div>

【讨论】：