ノイズありテクスチャをSVGで
PNGのようなビットマップ形式の方が向くサブトなんとかなノイズ付きのスキューなんとかなテクスチャを、SVGのfilter要素でfractalNoiseを利用して生成する試み。SVGだからというか、filterで生成する形なのでスケーラブル、ノイズの分布が平均的なのでおおまかにリピータブルにもなる。上記画像もSVGなのでそのソース見るとわかる。 Demo: SVG Noisy Background filter要素でfractalNoiseを利用しランダムにノイズを与えた矩形とそれに混ぜる単色透過付きの矩形を重ねて実現する。実装任せなのでソースはコンパクトで、URLエンコードのData URIなら557バイトで済んだ。密度の違うノイズを重ねて分布を偏らせることもできるはずなので、慣れてきちんと作れるようになったならサイズ的なメリットは大きい。 Demo: SVG Noisy Backgrou
こんにちは！ SVGグラデーション！
複雑でないCSSグラデーションの代わりにSVGグラデーション(をData URIスキーム化したもの)を利用するようにしました。懸念していたFirefoxのバグも直る(直った？)みたいだし、ちょっとやってみたかったので。 SVGの作成はエディタでやってます。 <?xml version="1.0"?> <svg xmlns="http://www.w3.org/2000/svg" version="1.0"> <defs> <linearGradient x1="0" y1="0" x2="0" y2="100%" id="gradient"> <stop offset="0%" style="stop-color: ${from:rgb()}; stop-opacity: 1;"/> <stop offset="100%" style="stop-color: ${to:rgb()}; s
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
