svg+css3+jsでローディングアニメーションをページに追加しようとしています。質問なのですが、svgのレンダリングとページ読み込みの進捗を同期させることは可能でしょうか?
svgでのレンダリングが終了する=ページの読み込みが終了してコンテンツが表示される 状態を再現したいです。。
これは? 英語のサイトにあったけど。function checkReady() { var svg = document.getElementById("chart").getSVGDocument(); if (svg == null) { setTimeout("checkReady()", 300); } else { ... }}
ご回答ありがとうございます。すみません、どちらのサイトでしょうか??
率直な感想だけど、これが読み解けるんらこんな野暮な質問はしないと思うし、そもそもこのコードはあまりにも一部すぎるでしょ。
このサイトですよ。ttp://stackoverflow.com/questions/337293/how-to-check-if-an-embedded-svg-document-is-loaded-in-an-html-page
そもそもload要素じゃsvgレンダリング終了判定って取れなかったっけ?
ローディングの進捗を知らせるものを「プログレスバー」といいます。その辺で調べるといろいろ情報がでますが、IE9以下を斬り捨てることができるなら、素直にprogress要素を使ったほうが楽です。というか、IE9以下は斬り捨てましょう。
みんなの回答 2 件
これは? 英語のサイトにあったけど。
function checkReady() {
var svg = document.getElementById("chart").getSVGDocument();
if (svg == null) {
setTimeout("checkReady()", 300);
} else {
...
}
}
ローディングの進捗を知らせるものを「プログレスバー」といいます。その辺で調べるといろいろ情報がでますが、IE9以下を斬り捨てることができるなら、素直にprogress要素を使ったほうが楽です。というか、IE9以下は斬り捨てましょう。
関連するトピックス