[B! svg] sadahのブックマーク

逆行列を理解してみる - デジタル・デザイン・ラボラトリーな日々

画像の変形処理を行う上で逆行列を行う処理があり、理解がとぼしいためか頭が混乱してきます。以前、テクスチャの仕組みを理解しようとした際にも、逆行列が出てきました。あらためて、逆行列とはなんなのかをイチから理解していこうと思います。行列には、足し算・引き算・掛け算は定義されているのですが、割り算は定義されていません。では、行列で割り算が出来ないかというとそうではありません。行列ではなく自然数の場合、「1」に「3」を掛けると「3」となります。これを元の「1」に戻す場合、「3で割る」ことで元の「1」になりますが、「1/3を掛ける」としても元の「1」になります。この場合、「3で割る」とは言わずに「1/3を掛ける」と考えます。割り算のかわりに逆数を掛けることで、割り算と同様の結果が求めることが出来るのです。行列でも同じ様に「逆数を掛ける」に近い考え方をします。行列に逆数を掛ける際に使

sadah 2015/03/17

svg

リンク

HTML5 と SVG で考える、これからの画像アクセシビリティ

HTML5とinline SVGで、画像の「中身」をアクセシブルにすることができます。Read less

sadah 2015/03/10

svg

リンク

http://daily.d3js.info/?p=296

sadah 2013/10/21

リンク

SVG GIRL - Onto JavaFX

SVGなかなかおもしろいですね。 Java FX 2ならWebViewでSVGが表示できますね。 SVG Girl

sadah 2011/11/24

SVG
Java

リンク

SVG overview

The Ring programming language version 1.8 book - Part 48 of 202Mahmoud Samir Fayed

sadah 2011/10/26

リファレンスとして使えるくらい充実した資料。すばらしい。

リンク

Dive Into SVG

7. <path d="..." transf orm="translate(30,30)"/> <path d="..." transf orm="scale(1.5)"/> <path d="..." transf orm="rotate(30,0,0)"/> <path d="..." transf orm="skewX(45)"/> 2011 8 21 8. <path d="..." transf orm="translate(30,30)"/> <path d="..." transf orm="scale(1.5)"/> <path d="..." transf orm="rotate(30,0,0)"/> <path d="..." transf orm="skewX(45)"/> 2011 8 21 9. <path d="..." transf orm="translate(30,30)

sadah 2011/10/02

リンク

Inkscape機能拡張。ドローデータをHTML5/Canvasへ出力·Ink2canvas MOONGIFT

Ink2canvasはInkscapeで作成したドローをHTML5/Canvasに保存するソフトウェア。 Ink2canvasはInkscape用、Python製のオープンソース・ソフトウェア。オープンソースのイラストレーションソフトウェアとして有名なInkscape。数年前はまだまだ不安定だったが、最近ではずいぶん実用的になっているようだ。出力例描いた図をSVGで出力できるので、Webとの親和性も高い。だがSVGはXMLベースなので修正するのが大変かも知れない。そこでさらに便利にCanvasタグ化してしまうソフトウェア、Ink2canvasを使ってみよう。 Ink2canvasはInkscape用の機能拡張だ。インストールすると、Save asの項目にHTML5が出るようになる。そして保存するとHTMLファイルが生成される。中にはJavaScriptを使ってCanvasタグにレンダリ