在我正在进行的设计中，有一个重复出现的图像背景形状，在整个网站中以不同的大小出现多次。例如，一个页面将其用作巨大的背景图像，该图像的顶部和底部被浏览器边缘截断。
用画布创建这不是一个简单的模式，但据我所知，这是可能的。这是它的样子。
我最好制作几张相同图案的图像，还是通过画布轻松重新创建此背景图像？如果它适用于画布，我该如何以各种尺寸重新创建它？我希望我知道如何使用画布开始这样的事情，但这超出了我的技能范围。
【问题讨论】：
标签： image html canvas background
我已在此处将您的形状转换为 SVG 形状：https://gist.github.com/1321653 — 随意使用。
根据caniuse.com，除 IE8 及更早版本外，所有常见浏览器都支持 SVG。
对于 IE8 及更早版本，您可以将canvg（一个 SVG 转画布库）与explorercanvas（一个适用于 IE8 及更早版本的画布模拟器）结合使用。或者你可以显示一个带有背景颜色的矩形——IE 用户可能不会错过这个 splat。
编辑：您还可以使用 CSS3 背景渐变来获得创意，比如 http://www.ecsspert.com/（仅使用 CSS 创建的著名徽标），但跨浏览器的兼容性很低。
【讨论】：
<script> 标记中，例如this。