Я работаю над созданием своего рода «облака слов» в браузере с использованием html и javascript.Идея состоит в том, чтобы на экране было несколько слов, каждое из которых могло бы быть разного размера или другого цвета.
Проблема в том, что мне может понадобиться более 100 тысяч слов на экране, поскольку это большая область, которая будетпокрыты.Я попытался сделать это, используя чистый HTML, используя элементы span с разными стилями для каждого слова.Однако этот подход заставляет браузер задыхаться, поскольку я предполагаю, что он отображает слишком много элементов DOM.Подходы с использованием таблиц и div также не увенчались успехом.
Мне интересно, подхожу ли я к этому неправильно?Я подозреваю, что есть более эффективный способ сделать это, возможно, используя canvas или svg, хотя для их интеграции потребуется больше работы, я бы предположил.Я также хочу, чтобы пользователь мог взаимодействовать с некоторыми словами, например удалять их или изменять их.Это делает html подход более простым.
Любая помощь или указатели будут оценены!