2016年8月15日月曜日

SVGフィルタエディタ作った

SVG仕様の中でも理解のし難さの頂点を争うフィルタ仕様(もうひとつはSVGフォント). 試すにしても手書きで書き起こすのは非常に面倒. であるならヘルパアプリケーションを作ってしまえと.

http://www.h2.dion.ne.jp/~defghi/filterEditor/filterEditor.htm
↓ 新URL
http://defghi1977.html.xdomain.jp/tech/filterEditor/filterEditor.htm

似たようなツールは既にあってもおかしくない割にググっても見つからんかったので, 存在意義は十分にあるかと思ふ.


  • SVGファイルを読み込んでフィルタ設定を抽出します.
    Inkscape等からフィルタ設定を取り出して眺めるとか出来ます.
  • 幾つかのフィルタ設定はプリセットとして選べます.
    プリセットの内容を弄ることも出来ます.
  • 原始フィルタの追加・設定をGUIで設定出来ます.
    原始フィルタ・属性名については簡単な説明を付けてあります.
  • 作成したフィルタ設定はSVGファイルとして抽出できます.
  • 画像ファイルにフィルタ処理を施してファイルに保存出来ます.
    簡易レタッチツールに使えるかも(使えないかも)
作成したフィルタ設定は
  • SVGに組み込んでよし
  • canvs要素でfilterプロパティに設定してよし
  • CSSから参照してよし
  • もしかしたら他のツールで使えるかも
とかなり汎用的なものとなります.
これを気にあなたもSVGフィルタをマスターしてみませんか?と

0 件のコメント:

コメントを投稿