blogに書こうかなと思っているもの

svg

SVG と Transform と Matrix(行列) の話 getScreenCTMの返す値がSafariだけ違う件 SVGのみでできているWPのテーマについて https://github.com/ynakajima/Pure-SVG-WordPress-Theme http://ynakajima.net/wp-svg-theme/ SVGFontについて

2010-07-13

SVGが利用可能かどうかJavaScriptで調べる方法

svg js

Modernizr 1.5 より抜粋 return !!document.createElementNS && !!document.createElementNS( "http://www.w3.org/2000/svg", "svg").createSVGRect;

2010-05-27

「Flashクリエータの為のHTML5入門勉強会」メモ

html5 flash css3 svg

「Flashクリエータの為のHTML5入門勉強会」というのを思いついたのでメモ。 HTML5ってなに？ウェブアプリケーションの為のHTML 今までのHTMLは文章を共有するのが主目的 AjaxやWeb2.0の登場でウェブがアプリケーションになってきたウェブアプリを開発しや…

2009-10-07

Flash が HTML5 + SVG + Canvas + JavaScript のオーサリングツールになる日

flash html5 canvas svg javascript

最近、HTML5 vs Flash みたいな論調があったりしますが、よくよく考えたら HTML5 と対立してるのは Flash ではなく SWFファイルだと気づいた。WWW は、「どのコンピュータでも、誰でも読めて、誰でも書ける」という基本理念から発生したメディアである。HTML…

2009-01-04

JavaScript で SVG の角を丸める方法のメモ

svg JavaScript

二次スプライン曲線を利用して少ない手間で角を曲げる方法。 Firefox 3.0.5, Safari 3.2.1, Opera 9.63 にて動作確認済み。参考サイト http://www.geocities.co.jp/Playtown-Denei/7552/ScriptLib/roundRoC.html http://hakuhin.hp.infoseek.co.jp/main/as/…

2007-12-06

JavaScript で SVG を XHTML に動的に埋め込む方法メモ

svg javascript

/* svg要素を作成 */ var canvas = document.createElementNS("http://www.w3.org/2000/svg", "svg:svg"); canvas.setAttribute("id", "canvas"); canvas.setAttribute("width", "100"); canvas.setAttribute("height", "100"); canvas.setAttribute("viewBo…

2007-12-06

SVG を XHTML に埋め込むメモ

svg

Firefox2 にて確認。 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg"> <head><title>SVG埋め込みテスト</title></head> <body> <h1>SVG埋め込みテスト</h1> <p>赤い四角→ <svg:svg width="10" height="10"> </svg:svg></p></body></html>

2005-12-02

Firefox 1.5 の SVG が凄い

web svg

Firefox 1.5 が正式リリースされてSVGに対応。いろんな SVG のデモ http://firefox.geckodev.org/index.php?SVG#v5b62839 SVGテトリスすごい http://www.croczilla.com/svg/samples/svgtetris/svgtetris.svg ブラウザで絵を描こう-SVG 凄すぎ http://dhr.a…

2005-08-26

svgレンダリングエンジンの描写能力比較

超きになる svg

http://www.linuxrising.org/svg_test/test.html以下の6種類のsvgレンダリングエンジンの描写能力を比較しているページ。 w3c, batik 1.6, librsvg-cairo CVS, librsvg-libart CVS, Inkscape CVS, libsvg-cairo 0.1.6 というか、w3cを除いた5種類ですね。ざ…

2005-08-26

RedHat Magazine に Inkscape がとりあげられる

きになる FreeDesktop svg check

redhat.com | Creating vector graphics with Inkscape http://www.redhat.com/magazine/010aug05/features/inkscape/RedHatもお目が高いですな。via http://gnomedesktop.org/node/2360

2005-07-29

Inkscape 0.42 Release OS X にネイティブ対応

かなりきになる OS X opensource svg

http://www.inkscape.org/ Mac OS X Support: In addition to Linux and Windows, Inkscape 0.42 is now available as a fully self-contained dmg package for Mac OS X. あとテキスト処理もきになるところ Text Selection: One can now select part of a t…