CSS3正方形ベースの装飾を実装

Question

CSS3は、開発者が画像を使用することなく、簡単なグラフィックを実現することを可能にします。たとえばthis envelope gradient backgroundについては

：

はCSS3を経由して、正方形ベースの飾りを生成する方法はあります。例では、このようなslavik飾りです：

私はそれが正方形の色と位置を設定することによって行うことができるだけであれば、例えば求めていないのです。おそらくそれは装飾の、あまりにも複雑であり、少なくともSVG画像として提供される必要があります。

Answer 1

これらの例を見てください。 http://lea.verou.me/css3patterns/ そこには複雑なものがいくつかあります。 しかし、この技術は、特にFirefoxでCPUに重い傾向にあることに注意してください。

また、画面外に配置されたキャンバスのもの使用してJavaScriptを生成する画像などのコンテンツをキャプチャして、背景のためにそのイメージを使用しようとするかもしれません。これを実現する方法の例を次に示します。 http://www.html5canvastutorials.com/advanced/html5-canvas-save-drawing-as-an-image/