Q

如何將圖像的邊緣像素重複爲無窮遠？

2016-02-12 110 views 0 likes

0

此圖片說明了什麼我想：如何將圖像的邊緣像素重複爲無窮遠？

當然，我可以在Photoshop中實現這一點，但我希望它無限寬的工作，所以這就是爲什麼我希望能夠做到這一點通過CSS或JavaScript。

這怎麼辦？

2016-02-12 Evert

+1

預計您至少會嘗試自己編寫此代碼。堆棧溢出不是代碼寫入服務。我建議你做一些額外的研究，無論是通過谷歌或通過搜索，做一個嘗試和。如果您仍然遇到麻煩，請返回**您的代碼**並解釋您嘗試過的以及爲什麼它不起作用。 –

A

回答

1

打開圖像編輯器。

將圖像裁剪到您想要的1px。

插入爲background-image，風格爲repeat-X。

http://www.w3schools.com/cssref/tryit.asp?filename=trycss_background-repeaty

編輯1

主要基於以下答案：

put background image in center and repeat last pixel to left and right

你可以嘗試border-image-source風格。

2016-02-12 10:41:54

相關問題