在Dart中绘制段落

Question

我使用GameLoop，它取决于Canvas，但即使没有它也能工作。我有一个字符数组，我几乎每个渲染帧都绘制到段落。行分为</br>。每次我检查数组中是否有任何更改以及是否需要重新绘制。

几乎每个char都有它的类，所以它看起来像这样： < span class="my_css_class">CHAR< /span>（没有空格）。所以每个char都有它的css风格。

在计算方面性能很好，但渲染到段落会花费大量的CPU使用量。有没有更好的方法来更有效地渲染段落？

阵列大约是40x80个字符。

呈现字符的代码：

if(!Utility.isDuplicate()) {
    StringBuffer sb = new StringBuffer();
    for(int i = 0; i < HEIGHT; i++) {
      for(int j = 0; j < WIDTH; j++) {
        sb.write(array[i][j]);
      }
      sb.write("<br />");
    }
    querySelector("#main_paragraph").innerHtml = sb.toString();
    }
 }

Answer 1

通常这不能使用段落来完成，因为整个HTML处理过于繁琐且不同于浏览器。考虑转移到画布或一些应提供更好性能的WebGL。