2007-01-01から1年間の記事一覧
DOMが重いなあ、と感じている人は以下を読むといいかもしれません。 Ajaxにおけるメモリリークの注意点 http://zeromemory.sblo.jp/article/437081.html メモリリークが発生する例 function doHoge(element) { element.onClick = function() { // do domethi…
a要素のtransform属性も適用させるようにした 新たな問題の発見 新たな問題について 今まで、SIEについて複数の問題を見つけましたが、対処に時間がかかりそうです。そこで、私が確認している重要な問題を整理してみます。 複数のembed要素とobject要素を処…
OreScript時代の幕開け http://d.hatena.ne.jp/yukoba/20071108/p1 ほむり - XML -> HTMLなテンプレート作ってみた http://d.hatena.ne.jp/jksy/searchdiary?word=%2a%5bOreScript%5d を読んだ上で、アイデアとして書きとどめておきます。実現したわけではあ…
SIEにおいてa要素のtransform属性が無視されるという問題を発見。 「既決」としてすぐに処理します。 現在、テストを進めていきます。やり方はW3CのTest Suiteを使うか、Open Clip ArtのサンプルからSVG画像を取り出して、テストしていく方法です。このやり…
テスト用に、SIEのブックマークレット版「SieBook」を作っていました。 コードのみ公開。 javascript:void(function(){var src=document.createElement('script');src.setAttribute('src','svgtovml.js');document.body.appendChild(src);svgtovml();})(); …
この日誌の名前を「dhrnameのウェブ日誌」から「dhrnameの開発日誌」に変えました。極力、SIE開発についての記事を書いていくからです。
http://dhr.at.infoseek.co.jp/workingvml.html コードの40行目あたりに、 var stlog = new STLog(); function STLog(){ this.p = document.createElement("div"); this.p.innerHTML = "<h1>例外処理のログ</h1>"; document.body.insertBefore(this.p,document.body.f…
SIEブラウザ(仮)のバージョンが0.28となりました。 ダウンロード:http://dhr.at.infoseek.co.jp/svgtovml.js 公開しているページ:http://dhr.at.infoseek.co.jp/vml.html 目的 Inkscapeの画像(SVG形式)をいろんなブラウザ(IEやOperaやFirefoxやSafariな…
先日、記事に例外処理のログをとりたいなと思っていましたが、 IeerBug http://tech.nitoyon.com/javascript/application/ieerbug/ >IEerBug は Internet Explorer 6.0 と FireFox 1.5 で動く JavaScript 用のデバッグ コンソールです。というそうなので、早…
SIEでは例外を投げかけられても、無視する方向でした。ただ、ソースがこれ以上汚くならないうちに、対策を練っておく必要が出てきました。 そこで、次のような方法をとりたいと思っています。 例外の発生には、try{}catch(){}構文で対処 バージョンアップの…
部分的に、軽量化を試みています。いずれ、日本語のコメントで書かれたSIEの注釈版を出すつもりです。 JavaScriptの軽量化(難読化)ツールがネットにあふれていますが、それらを試すのは、バージョンが1.0以降になったときでしょう。 なぜなら、今はソースコ…
今年の2007年10月に、W3CからSVG1.1仕様における修正が出されました。 http://www.w3.org/2003/01/REC-SVG11-20030114-errata SIEでは SIEと関係ありそうなのは、以下の点です。 XPointerの文法はサポートしなくともよい http://www.w3.org/2003/01/REC-SVG1…
バージョン0.27を公開 SIEブラウザ(仮)のバージョンが0.27となりました。 直接のダウンロード:http://dhr.at.infoseek.co.jp/svgtovml.js 公開しているページ:http://dhr.at.infoseek.co.jp/vml.html 目的 Inkscapeの画像(SVG形式)をいろんなブラウザ(I…
http://dhr.at.infoseek.co.jp/workingvml.html (上のページは実験中のものです) 単純なリンクはOK ひとまず、単純なハイパーリンクを使えるようになりました。a要素の実装が終わったということです。 課題 しかしながら、SVGの仕様では、リンクの後にコマ…
普通はできない 通常できないはずです。なぜなら、Mozilla以外のブラウザ、つまり、Opera、IEは特殊な処理をしながら、HTMLの解析を行っています。もしかしたら、SVGぐらいなら埋め込んで処理できるかもと思っています。 整理とメモのために、各自ブラウザの…
152行目にある s[i].set(sw,sh,mat);あたりが0.04秒以上かかってしまいます。 私のパソコン環境が貧弱なせいかもしれませんが、どちらにせよ、軽量化を謳っている以上、0.03秒まで下げていきたいと思います。 目標:STPathオブジェクトの効率化 そこで、STPa…
経緯 弧を実装するために、Arctoオブジェクトを作ろうとしましたが、独力では無理だとわかりました。 この5ヶ月間近く、なんとか、実装にこぎつけたものの、形が不正確になってしまいます。そこで、Mozilaプロジェクトのコード(リンク先はGoogle)から移植し…
文字の大きさを調整できるようにした SIEブラウザにおいて、text要素のfont-sizeプロパティをサポートしました。transform属性の伸び縮みも計算されます。
viewBox属性とpreserveAspectRatio属性の実装について SVG画像のアスペクト比を扱う上で、重要な二つの上記属性について、実装が終わりました。svg要素のみに使うことができます。また、これにあわせて、width属性とhiehgt属性もサポートしています。自身の…
前置き 以前、2007-09-26の記事でSVGの仕様を目的別に、4つに分けたほうがいいんじゃないかと書きました。 静止画像や地図用のSVG SVGアニメーション SVGフォント SVGエフェクト でも、 http://malblue.tumblr.com/post/20107617 のようなことはないような気…
Web標準化時代のJavaScript http://www.openspc2.org/JavaScript/Web_Standard/204/index.html を読んでいますと、ifの条件式には、matchよりも、testかindexOfがいいのではないかと痛感しました。 SIEでも書き直すかもしれません。
ということで、高速化するかもしれないという、はかない望みを抱きつつ、以下を読みながら試してみました。 window.onload 前でも DOM 処理が可能なら通知してくれる domready.js http://weblog.metareal.org/2007/07/10/domready-js-cross-browser-ondomcon…
VMLではスタイルシートのwidth、heightプロパティが重要になってきます。これを設定しておく必要があるのです。 ところが、このプロパティの比率に合わせて、図形が伸縮してしまいます。これには困りました。ひとまず、緊急なので、この2つのプロパティは100…
今まで勘違いしていたこと 以下は私の誤りだったようです。「svg要素のwidth属性やheight属性は、利用単位に変換して、viewBox属性によって伸縮されるべき」 正しくは、 http://www.hcn.zaq.ne.jp/___/REC-SVG11-20030114/coords.html 最も外側の 'svg' 要素…
SIEのバージョンアップ 次回のバージョンは0.27を予定しています。公開予定日は12月の中旬を予定しています。0.3は来年となるでしょう。 STLengthを設けました SVGLengthを元にSTLengthオブジェクトを設けました。このオブジェクトを使えば、相対的な単位や…
バグつぶし いらないテキストが表示されるバグがありました。(例:text要素以外のテキストが表示される) そこで、v:shape要素とv:fill要素、それにdiv要素以外の要素を削除することで解決しました。結果として、バグが解消されましたが、暫定的な措置です。…
ver.0.25からの課題について 前回書いていました課題において、さらりと、どのくらい進行しているのかどうか報告します。 実験用として、次のページで公開しています。(注:警告が出るのはわざとやっていますので、ご注意を)http://dhr.at.infoseek.co.jp/…
SIEブラウザでは「軽量であること」を目標にしていますが、圧縮という手段も検討しています。 で、簡単に実現しそうなのは、 JavaScript Crunchinator http://www.brainjar.com/js/crunch/ (http://phpspot.org/blog/archives/2006/09/javascript_25.htmlを…
lengthの参照を少なくする for(var i = 0; i というコードがあれば、 for(var i = 0,li = element.length; i などに変えていくよ、ということです。 posLeftやposTopの利用(予定) http://www.microsoft.com/japan/msdn/columns/dude/dude1201.aspx より抜…
この前の10月20日の日記で、viewBox(見える範囲)属性とpreserveAspectRatio(アスペクト比維持)属性を実装するときに、 2,最初からやり直し、transform属性に変換する。 という方法を書きました。そして、今回、2の方法どおり、最初からやり直しています…