-
ID:0A975. さんの質問

svg+css3+jsでローディングアニメーションをページに追加しようとしています。質問なのですが、svgのレンダリングとページ読み込みの進捗を同期させることは可能でしょうか?

svgでのレンダリングが終了する=ページの読み込みが終了してコンテンツが表示される 状態を再現したいです。。

みんなの回答 2 件

ID:1CgZpy さんの回答

これは? 英語のサイトにあったけど。
function checkReady() {
var svg = document.getElementById("chart").getSVGDocument();
if (svg == null) {
setTimeout("checkReady()", 300);
} else {
...
}
}

ID:0A975.

ご回答ありがとうございます。すみません、どちらのサイトでしょうか??

ID:SEyKL8

率直な感想だけど、これが読み解けるんらこんな野暮な質問はしないと思うし、そもそもこのコードはあまりにも一部すぎるでしょ。

ID:1CgZpy

このサイトですよ。ttp://stackoverflow.com/questions/337293/how-to-check-if-an-embedded-svg-document-is-loaded-in-an-html-page

ID:1CgZpy

そもそもload要素じゃsvgレンダリング終了判定って取れなかったっけ?

ID:SEyKL8 さんの回答

ローディングの進捗を知らせるものを「プログレスバー」といいます。その辺で調べるといろいろ情報がでますが、IE9以下を斬り捨てることができるなら、素直にprogress要素を使ったほうが楽です。というか、IE9以下は斬り捨てましょう。

最終更新日:2015-08-31 (1,903 views)

関連するトピックス

ページ上部に戻る