問題タブ [reflow]

質問する

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

170 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
0 に答える
700 参照

python - Python Reportlab のネストされたテーブルのテキスト リフローの問題

ネストされたテーブル内にフロー可能なものを含む、かなり複雑な複数ページのレポートがあります。レポートは現在、当初の計画よりもはるかに長い内容で使用されています。レポートは 3 つのネストされたテーブルで問題なくリフローしますが、4 つ目のテーブルを追加すると、リフローしなくなり、次の応答でスクリプトがクラッシュします。

Flowable <Table@0x7FC7D4566200 1 rows x 3 cols(tallest row 1367)> with cell(0,1) containing '<Table@0x7FC7D4563638 3 rows x 4 cols(tallest row 1257)> with cell(0,1) containing\n\'<Table@0x7FC7D4556488 1 rows x 2 cols(tallest row 88)> with cell(0,0) containing\\n"<Table@0x7FC7D4561FC8 4 rows x 2 cols(tallest row 32)> with cell(0,0) containing\\\\n\\\'<Paragraph at 0x7fc7d45603f8>Classification\\\'"\''(612.0 x 1367), tallest cell 1367.0 points, too large on page 5 in frame 'normal'(600.0 x 664.0*) of template 'normal'

私の現在の回避策は、次の手順を実行することです。

  1. コンテンツを配置する前にページの位置を決定する
  2. コンテンツの長さを取得する
  3. 予想される残りの部屋を計算する
  4. コンテンツに必要なスペースを計算する
  5. コンテンツが収まる場合はページに追加し、そうでない場合:
    • コンテンツをチャンク A とチャンク B の 2 つのチャンクに分割します (ただし、これにより xml の問題が発生する可能性があります)。
    • チャンクAをページに追加
    • テーブルを閉じる
    • 新しいテーブルを開始
    • 上記のステップ 1 からのチャンク B を処理します。

明らかに、このプロセスは問題をはらんでいます。誰かがより良い解決策を持っていますか?

0 投票する
1 に答える
1057 参照

javascript - 複数の CSS ルールを追加してブラウザのリフローを最小限に抑える方法は?

次のコードのように、一連の CSS ルール (約 50) を適用する必要があるとします。

したがって、 を呼び出すたびにs.sheet.insertRuleブラウザのリフローがトリガーされます。ブラウザのリフローを 1 回だけに抑えるにはどうすればよいですか?

ありがとう。

0 投票する
1 に答える
1861 参照

html - SVG/SMIL リフロー/再描画のパフォーマンスへの影響は?

過去に、DOM 操作を含め、javascript でかなりの作業を行ってきました。そこから、リフロー/再描画が場合によっては大きなパフォーマンスの問題になる可能性があり、一般的に最小限に制限する必要があることを学びました. たとえば、div のグループを追加する場合は、1 つずつ追加するのではなく、一度に追加する必要があります (DOM の外側の div に追加してから追加します)。同じことが再描画にも当てはまり、要素の CSS プロパティを変更することでトリガーできます。私は再描画についてあまり調べたことがないことを認めなければならないので、最後の部分については間違っているかもしれません.

これは SVG にも当てはまりますか? また、異なる SVG 要素に違いはありますか? たとえば、アニメーション要素は新しい SVG 要素ではなく、プロパティに似ているため、リフローを作成しないことは理にかなっています。

SVG の再描画についてはよくわかりませんが、CSS/HTML の場合と同じように存在しますか? すべての SMIL アニメーションは既にフレームを作成しているため、「再描画」などを行っても違いはありません。新しいフレームはとにかくレンダリングされるためです。

SMIL の内部動作をより深く理解している人で、これらのことを明確にしてくれる人はいますか?

0 投票する
1 に答える
4618 参照

jquery - ハイチャートのリフローがクラス セレクターで機能しない

ID セレクターの代わりにクラスセレクターで High charts reflow() 関数を実行しようとした人はいますか?

含む div サイズを切り替える 1 つのボタンを持つ 2 つのグラフがある例を参照してください。もう 2 つのボタンがあります。1 つは ID でチャートをリフローし、もう 1 つはクラスでチャートをリフローします。

クラスセレクターを使用するものは両方のチャートをリフローしていないように見え、そのクラスを使用する最初の要素のみをリフローすることに注意してください。

http://jsfiddle.net/deN74/1/

HTML:

JS:

0 投票する
0 に答える
79 参照

css - CSS レスポンシブは IE と FF では機能しますが、Chrome では機能しません

ここにサイトを構築していますhttp://www.burnsoldparish.org/

Chrome でレスポンシブ モードを正しく機能させるのに問題があります。IE と FF で動作します (それらの最新バージョンも同様です)。

レスポンシブ モードで表示されるメニューを展開すると、何らかの理由でフローが機能しません。画面のサイズを変更すると、標準のメニューが表示されますが、Chrome では正しくリフローしません。

どんな助けでも大歓迎です。

ありがとう


12345678910