タグ

画像とブラウザに関するlax34のブックマーク (2)

  • JavaScriptでスクリーンショットが取れるライブラリ「html2canvas」:phpspot開発日誌

    html2canvas - screenshots with JavaScript JavaScriptでスクリーンショットが取れるライブラリ「html2canvas」 サーバサイドでブラウザを動かしてスクリーンショットを取るというより、利用者のブラウザ上でスクリーンショットをJavaScriptとcanvasを使って生成しちゃおうというものらしいです。 canvas非搭載ブラウザはflashcanvasやExplorerCanvas等の代替が必要とのこと。 html2canvasでレンダリングされたサンプルも見ることが出来ます。 frameやobjectのサポートはしていない点に注意。 スクリーンショットを取る仕組みをサーバに仕込むとタイムラグがあったりサーバ側は大変だったりで色々問題点を抱えていますが、クライアント側でやれば画像を受け取るだけでいいので便利です。 クライアントごとの表示

  • imgのheightとwidthは必須か?

    img要素は、HTML文書の或部分に畫像を埋め込む爲の要素です。必須屬性は、畫像のありかを指示するsrc屬性と、代替テキストを示すalt屬性のみです。 屡々「マナー」として、height屬性とwidth屬性を必ず記述しなさい、と言はれます。 「WIDTH」と「HEIGHT」はなくても画像は表示されますが、もし書いておかないと、ブラウザはまず文字のレイアウトを決めてからその後で、画像の入る位置を再び計算することになり結果として表示するのが大変遅くなります つまり画像を全て読みこんで大きさがわかるまで表示されないのです。でももしサイズが書いてあればその大きさ分を空けておくので、画像が読みこまれてからそこに表示するだけとなるので早くなるのです。 <IMG SRC="...">タグでイメージを表示する際には、WIDTH=n と HEIGHT=n 属性を必ず指定するようにしましょう。これを指定しない

  • 1