2007-01-01から1年間の記事一覧

この日誌のデザインを変えました

日誌のデザインを変えました。 前のデザインでは、重要でないパーツが右に現れていたので、今度は、左に寄せました。

今日の作業

SIE

なにをしたか? Arcオブジェクトに関するJavaScriptのコードを作成しました。 まだ、バグの確認をしていません。 目的 Arcオブジェクトを作るため。 これは、path要素の弧を作り出すコマンドArcToの値を、ベジェ曲線の値に変換することが可能です。 参考資料…

今日の作業メモ

SIE

なにをしたか? スタイルシートのプロパティ、widthとheightを"100%"に設定しておいて、object要素のwidth属性とheight属性を反映させた。 目的 object要素のwidth属性とheight属性を用いて、viewBox属性のサポートを行うため。 その他 グラデーションに関…

SVGの埋め込み

SVG

AdobeのFlexにSVGファイルを埋め込むという話。 http://www.adobe.com/jp/devnet/flex/quickstart/embedding_assets/#EmbeddingSvgFiles

拡大縮小や加工しやすい白地図

日本の白地図 http://www.kabipan.com/geography/whitemap/index.html SVG形式の日本の地図。拡大して一部を取り出したりするのに便利。

バージョン0.21を公開しました

公開しているページはhttp://dhr.at.infoseek.co.jp/vml.htmlですので、ご覧ください。 0.20からの変更 polyline要素とpolygon要素を実装 複数のobject要素とembed要素に対応 以上です。 課題の報告 現在、viewBox属性と悪戦苦闘しています。 VMLのcoordsize…

次のバージョンについて

SIE

SIEの新しいバージョン0.21を二日後の7月5日に公開します。 古いバージョンと比べて、 polyline要素とpolygon要素を表示できるようになった 複数のembed要素とobject要素に対応できるようになった という二点が更新されています。 SVG学習辞典への適用につい…

アニメーションのサンプルが豊富な

SVGアニメのサイト http://srufaculty.sru.edu/david.dailey/svg/SVGAnimations.htm 勉強になります。以下のような例がありますよ。3Dのような感じ http://srufaculty.sru.edu/david.dailey/svg/MatrixTransform.svg

プラグインいらずのSVGビューア『SIE0.2』を公開しました

SIE0.2の公開について プラグインいらずのSVGビューア http://members.at.infoseek.co.jp/dhr/vml.html主な特徴として、以下の3点があります Inkscapeやその他エディターで作ったSVG画像をブラウザで表示できる プラグイン(ビューア)が不要。インストールの…

問題の整理

SIE

どれだけ軽量化できるか 時々現れる謎のエラー「Attribute only valid on v:polyline」「コード:0」(再現条件がわかりません) metadata要素などの表示するべきでない文字が表示されてしまう(display:noneが働かないのでしょうか?) 追記(7月3日) 2の問…

Safari3ベータでSIEを表示

SIE

http://dhr.at.infoseek.co.jp/vml.html 上記のSVG画像を表示できました。当然、プラグインは使っていません。つまり、 現在0.15のSIEの対応ブラウザは Internet Explore(IE)6.0(5.5?) Firefox2.0(1.5?) Opera9.x(8.x?) Safari3(ベータ) ほとんど…

Safari3がSVGに対応(ネイティブサポート)していました

Windows版のSafari3(http://www.apple.com/jp/safari/ 注意:2007年6月12日時点では、英語ベータ版なので、正式版ではない)が出たので、 早速使ってみました。SVG画像が表示できました。対応状況はFirefoxのちょっと上かな? http://www.codedread.com/svg…

SMILを利用したアニメについて

SIE

誰かがアニメーターを作ってくれれば、それに合わせてSIEにアニメの機能をつけようと考えています。SVGの仕様ではSMILかJavaScriptを使うのを想定しているようです。 参照 SVG1.1邦訳の「19 アニメーション」 http://www.hcn.zaq.ne.jp/___/REC-SVG11-200301…

SVGとJavaScriptを利用したアニメーション

SVG

hogelogさんの記事「SVG+JavaScript な組み合わせでアニメーション on Firefox」 http://d.hatena.ne.jp/hogelog/20070610/p1setTimeout()をうまく使った例。

viewBoxについて

SIE

広瀬行夫氏の仕様翻訳、http://www.hcn.zaq.ne.jp/___/REC-SVG11-20030114/coords.htmlによれば、 最も外側の 'svg' 要素の width 属性は次の3条件が満たされない限り、ビューポートの幅を確立させる: (中略) これらの条件が満たされていれば、位置決めプ…

進捗報告

SIE

0.2公開に向けて、新たにviewBoxの実装を考えています。 SIE0.3の公開について 7月初日あたりを予定しています。 0.2から0.3にかけては大きな変更はありません。バグ修正のみでしょう。課題としては、いかに難なく多くのブラウザで、Inkscapeの画像を表示で…

バージョン0.2の公開日について

SIE

6月12日の公開を目標に定めて、SIEを開発していきます。今は、テストを行って、バグの整理を行っています。

日本語の例を探せ

日本語の書き言葉の実例を検索するサービスが実験として公開されています。『現代日本語書き言葉均衡コーパス』検索デモ http://www.kotonoha.gr.jp/demo/言葉の意味を探る上でも、実例を検索するのは意義があることかもしれません。

携帯電話で普及か

SVG

KDDIのEZガイドマップ 各所のニュースで紹介されていますが、KDDIが便利なガイドマップを提供します。 ガイドマップを提供するために、ここギコさんによれば、 >auの夏モデル15機種中12機種にSVGビューアが標準搭載 (http://kokogiko.net/m/archives/00…

バージョン0.1から0.15への変更点について

SIE

g要素の継承ができるようになりました transform属性のskewXとskewYに対応しました(path要素のみ) バージョン0.2の公開について 公開の日時は未定(5月末日までにこの日誌で報告します) path要素以外にも、skewXとskewYを適用させます(予定) 以上です。

SIEバージョン0.15を公開しました。

SIE

ご確認ください。 http://dhr.at.infoseek.co.jp/vml.html近日中に0.2を公開できると思います。

現時点でのバグや問題の解決について

SIE

transform属性のskewXとskewYについては、pathのd属性の値を直接アフィン変換するコードを書きました。 clipPath要素関連は、バージョン0.3で実装される予定です。

SIEの新バージョン公開について

SIE

SIEバージョン0.2を早ければ5月25日に公開できそうです。

SVGの未来と現状について

SVG

現在の状況を確認すると ブラウザのFirefoxとOperaとSafariはSVGにネイティブ対応しています。 AdobeはSVG Viewerのサポートを中止すると宣言しています。参考:Adobe to Discontinue Adobe SVG Viewer( http://www.adobe.com/svg/eol.html) 代わりに、Renes…

2行でパス要素のd属性を二次元配列に

メモ。 JavaScriptで、d属性を取得し、二次元配列に変換しています。JSON形式がヒントになっています。 var dat = doc.getElementById("hogehoge").getAttributeNS(null,"d"); var dd = "[["+dat.replace(/(\d)\s/g,"$1,").replace(/\s/g,"").replace(/\(/g,…

仕様の概観

SVG

今、2007年5月5日現在、確認できているSVGの仕様は以下のとおりです。 SVG1.1 (Full) http://www.w3.org/TR/SVG11/ SVG モバイル版(SVG TinyとSVG Basic) http://www.w3.org/TR/SVGMobile/ SVG Tiny1.2 http://www.w3.org/TR/SVGMobile12/ 3のTiny1.2につい…

skewの対応が

SIE

進捗報告 skewに対する対応が大変で、今、苦労しています。直接アフィン変換する方法を模索中。 SIEに対応させるSVG DOMを検討中です。

SVGのQRコード作成

SVG

http://www.kyosho.net/blog/modules/bwiki/index.php?LibQRCode(QRコード エンコードライブラリ) QRコードを作成できます。SVG出力あり。サーバが.svgzに対応していないと思います。

SVG Authoring Guidelines(SVG作成ガイドライン)

SVG

http://jwatt.org/svg/authoring/ SVGを作る前に必ず、目を通しておきたいページです。 英文ですが、内容をざっと見てみますと、 サーバ(注1)にMIMEタイプ「image/svg+xml」の設定を。(「image/svg-xml」は間違いです) DOCTYPE(DTD)宣言はするな XML名前…

プラグインなしで描画したいという望み

Prototype.jsをベースに描画できるPrototype Graphic Framework HTMLに埋め込んだSVGをVMLに変換して、クロスブラウザを実現させたsvg2vml それから、object要素で表示したSVG画像をVMLとして変換するSIE これら3つの共通点は、 多くのブラウザでプラグイン…