您如何创建像 github 的探索部分这样的框？

Question

我正在寻找 Java 脚本 或 Css 来创建随机背景，但我不知道怎么样！

Explore page link

Answer 1

看看这个图书馆：https://github.com/btmills/geopattern

这是 jasonlong/geo_pattern with a live preview page 的 JavaScript 端口，派生自最初用于 GitHub 指南的后台生成器。

用法

包括缩小的脚本。 jQuery 是可选的。

<script src="js/jquery.min.js"></script> <!-- optional -->
<script src="js/geopattern.min.js"></script>

使用全局 GeoPattern 浏览器或 jQuery 插件：

// Use the global...
var pattern = GeoPattern.generate('GitHub');
$('#geopattern').css('background-image', pattern.toDataUrl());

// ...or the plugin
$('#geopattern').geopattern('GitHub');