0

DOM Image Elementimage.ondataのイベントクライアント側を取得することは可能ですか (または技術がありますか) ? 別名、に似たもの。onload

質問
のコンテキスト 標準的な 'jpeg' をブラウザーにレンダリングします。画像要素を上から下に一度にピクセル行で表示します。これで遊ぶのは楽しいでしょう。スワイプダウンをアニメーション化します。時間ごとにブロックを描画します。

考えられる解決策
サーバーから base64 またはバイナリ データを取得し、キャンバス要素にレンダリングします。他のアイデアはありますか？誰もこれを前に*？

*ええ、それはごまかしですが、すでにそれを行っている場合は、車輪の再発明を省くことができます.

4

1 に答える 1

1

画像データが到着したときに、画像のカスタム プログレッシブ レンダリングを行う方法がわかりません。できることは、画像が表示されないようにし、画像全体が（onloadイベントを介して）ロードされるのを待ってから、画像のカスタム表示を行うことです。

そのカスタム表示は、ブラウザーで利用可能な多くの JavaScript/CSS ベースのスライドショーのように、さまざまな方法で行うことができます。

  1. CSS トランジションを使用して、さまざまなレンダリングを行うことができます (最新のブラウザーで)。IE には、IE で使用できる独自のフィルター トランジション セットがあります (まだ CSS3 トランジションがないため)。
  2. Javascript ベースのトランジションは、画像のサイズ変更と画像上のオブジェクトの移動/サイズ変更の組み合わせを使用して構築できます。たとえば、スライド、ワイプ、シャッターなどを行うことができます...
  3. キャンバスを使用して、画像の任意の部分を独自に描画できます。
于 2012-09-13T00:20:44.973 に答える