2007-01-01から1年間の記事一覧
GIFやJPEG画像をベクター化できるオンラインサービス -VectorMagic http://coliss.com/articles/build-websites/operation/design/562.htmlいいですね。SVG形式に変えてくれるサービスです。面白そうです。
Apple Releases SVG-Enabled Safari with Mac OS X 10.5 http://www.svg.org/story/2007/10/27/0478/3880SVG.orgによると、SVGを表示できるブラウザSafari3が、今度発売されたMac OS Leopardに対応したそうです。自分の目で確かめたいです。
SIE Browser(仮）ver.0.25 http://dhr.at.infoseek.co.jp/vml.html本日、JavaScriptでつくられたSIEの0.25を公開しました。 ベクター画像（SVG)作成者のお力になれますように。 特徴 最大の特徴は閲覧者に負担をかけることなく、IEでSVGを表示させることがで…
ここでは、バージョンを0.25にするために、大きな問題を検討していくことにします。結論から申せば、「先送り」です。 viewBox属性とpreserveAspectRatio属性について 上記二つの属性の実装については、 今年の7月5日において、以下のような方法を考え出しま…
似ている部分があったので、PList関数を作って、まとめました。軽量化に貢献したと思います。
ようやくSIEで、rect要素の角を丸くするrxとry属性を実装しました。 コードの530行目から追加しています。http://dhr.at.infoseek.co.jp/workingsvgtovml.js if(this.rx){ var xw = this.x + this.width; var yh = this.y + this.height; var rrx = 0.5228 *…
http://dhr.at.infoseek.co.jp/workingvml.html円に関する要素について、二つのバグを修正しました。 頭が割れてしまうのを直した（パスを閉じるようにした）。 形を整えた。
204行以降から、大幅な改造を加えています。 path要素のHとVコマンドについて新たに対応しました。まだ、改良の余地がありますし、ソースがとてもみにくくなっています。 http://dhr.at.infoseek.co.jp/workingvml.html 今後の予定 しばらくは、path要素のコ…
グラデーション要素の角度を調節してみるが、うまくいかず。 パーセントを利用せず小数点以下（例0.1など）を利用したx1属性などを元に、角度を計算する際、ミスが起きている可能性が高いです。 もっと調査すべきかも。 追記(10月3日） 可能性として、radial…
実験用にアップロード http://dhr.at.infoseek.co.jp/workingvml.html
昔、辞典を作成する際に、SVGの要素がブラウザにおいて、どれくらいサポートされているのか調べたことがありました。今でも時々、調べることがあるのですが、サポートは三段階に分けることができます。 第一段階:SVGの核となるもの svg要素 g要素（defs要素…
svg-filter-test-3dbox-1.svg http://www.flickr.com/photos/prokoudine/1425078889/SVGで3Dの箱を作っています。注目すべきは、InkscapeがSVGのフィルター要素をサポートし始めている点。興味深いです。
一時的な作業として、次のようなファイルを用意しました。 http://dhr.at.infoseek.co.jp/workingvml.html 場当たり的な実験用として用いますので、使わないようにお願いします。正式なものは、 http://dhr.at.infoseek.co.jp/vml.html で発表していきます。…
text要素について text要素をdiv要素に変換するまではよかったのですが、dc:title要素の内容が表示されるようになってしまいました。原因はおそらく、IEがtitle要素として解釈しているっぽいです。 path要素のコマンドについて path要素のSコマンドを機能さ…
前回、 >text要素以外の要素のテキストを見えなくする方法を考え中です。 と書きましたが、解決しました。以下に整理してみます。 問題 text要素以外の要素の文章が見えてしまい、SVGの画像が汚くなる。 原因 IEが要素を勝手に閉じているため。例えば、wpwの…
SIE Browser - JavaScriptでIEのSVGのビューアを実装してみる http://dhr.at.infoseek.co.jp/vml.html Arctoの実装は、ベジェ曲線で描画するようにします（値を直接定めます）。 text要素以外の要素のテキストを見えなくする方法を考え中です。 DOMの設計に…
技術小話：xlink:href はやっぱり避けられる http://d.hatena.ne.jp/hfu/20070822/1187823523上記を読んでみますと、 「名前空間はよくない」 「SVG文書にXLink言語を使っても意味がない」 という二つの考えが見受けられます。１と２の考えは別の考えです。 …
「国土地理院 SVG 地図を JavaScript オブジェクトにする」 http://d.hatena.ne.jp/hfu/20070822JavaScriptオブジェクトにすると、使いやすくて、便利になるかもしれません。それはそうと、その中の技術小話で、トラックバック先の著者は SVG の仕様書で「hr…
x1属性などを使うと、グラデーションの色が、鏡のように正反対になります。 現在、このバグの原因を探っています。 今後の予定 上記のバグに取り掛かる path要素のd属性における、相対座標の対応 追記（10/20） 原因は、radialGradientがoval要素以外、作動…
tkngさんが紹介しています。写真をぐりぐり動かせるサンプルです。 firefoxで確認。 SVG Photo Demo http://d.hatena.ne.jp/tkng/20070805/1186327039写真の操作方法が興味深いです。
おもしろそうなので、紹介。 掲示板などで書きこむときに使うフォームで、 SVG画像を書いて、投稿できます。http://www.popxpop.com/archives/2007/08/javascript_1.html
atan2(x, y) としたとき、２次元座標で +Y軸と ベクトル(x, y) の成す時計周り方向の角度です。 -π 〜 π の値を取ります。 http://homepage3.nifty.com/aya_js/js2/js221.htmより引用しました。てっきり、atan2は正(+)のX軸とベクトルとの角度だとばかり思っ…
本来はArcオブジェクトを使うつもりでした。ですが、 うまくいかなかった場合に備えて、 VMLにaeという簡単な弧を作るものがありますので、それを利用します。
何をしたか？ Arcオブジェクトの問題解決を目指しました。 ベクトルの角度を計算する方法を知って、それを適用させました。 目的 SVGのベジェ曲線の弧を実現させるためのArcオブジェクト。 うまく算出できないことがあります（数字以外が出力されてしまう）…
8月になれば、ハイパーリンクの実装に取り掛かります。 0.25はまだまだ先になります。 そのため、SVG学習辞典にはSIE0.21が乗る可能性が高いです。 Arcのバグをとるために、いろいろなことをしています。
国土地理院、SVG形式の地図データを公開 http://internet.watch.impress.co.jp/cda/news/2007/07/20/16404.htmlINTERNET Watchさんの記事からです。 公開しているのは関東から中部にかけての範囲 だそうで、「社会実験用」ながらも面白そうです。
以下の問題は解決しました。 反復ではなくて、一回だけでよかったようです。私の勘違いでした。 申し訳ないです。 昨日、公開したArcのソースについて、問題にぶつかっています。 簡略に申せば、 JavaScriptは何万回もの繰り返しを許しておらず、途中でスト…
以下のように変換します。 -use要素はvmlframe要素に-symbol要素はshapetype要素に 問題はg要素を参照するuse要素をどうするか、ということです。 これについては、現在、解決の手段を持っていません。 誰か、よい手段をお持ちでしたら、コメントなどでお知…
Arctoの値を、ベジェ曲線に変換するArcオブジェクトのコードをここで公開します。 （言語：JavaScript。種類：DOMではなく独自） function Arc(){ return this; } Arc.prototype.setSegments = function arcsetSegments(x1,y1,rx,ry,psai,fA,fS,x4,y4){ if(r…
https://sourceforge.net/projects/vectorconverter/ XSLTを使って、SVGをIE用のVMLに変換することができます。上記のファイルサイズが大きすぎるという方は、 Ajaxを利用して、 SVGをVMLに変換するコンパクトなSIEをご利用ください。比較 Vector Converter …
