GUIをフリーズしないでplotly.jsグラフをレンダリングする（Web Worker？）

Question

私はユーザーが（plotly.jsを使って）独自のビジュアライゼーションを構築できるダッシュボードに取り組んでいます。 これらの視覚化の複雑さにより、レンダリング時間が長くなり、フリーズブラウザUIになることがあります。

ダッシュボードに他のタスク用のWebワーカーを既に作成しています。おそらく、Webワーカーにplotly.jsグラフを描画してメインスレッドに戻す方法がありますか？

私は、WebワーカーにDOM/Canvas能力がないことを知っています。しかし、おそらくトリックがあるか、GUIフリーズを防止するためのよりよい方法を知っていますか？たぶん、ファントムを使ってサーバーにレンダリングをアウトソーシングすることがあるかもしれません（私はそれを使ったことがないので、単にpjで動くと推測されます）。あなたは労働者からこのAPIにアクセスし、多分また、あなたが言及したライブラリを直接使用することができますhttps://developer.mozilla.org/de/docs/Web/API/OffscreenCanvas

：

Answer 1

あなたの問題のための可能な解決策は、OffscreenCanvasのAPIである可能性があります。

しかし、ブラウザのサポートが本当に悪く（少なくともFirefoxでは、現在他のブラウザとどうなっているのか分かりませんが、https://bugzilla.mozilla.org/show_bug.cgi?id=801176）2dキャンバスのコンテキストはサポートされていません（ただし、WebGLを使用するライブラリを使用している場合問題ではないだろう）。

は別の方法として、あなたはWebWorkersで働くキャンバスの（それは再実装だ）、純粋なJavaScriptのポリフィルを使用することができます。 https://www.npmjs.com/package/canvas-webworker それは、この方法は、何のハードウェアアクセラレーションがappliableではないことを言及する価値があります。

組み合わせて、良い解決策を作り出すことができます。