Как сделать большую сетку?

Question

[Artem Fl]

Всем доброго времени суток!

Нужно сделать такую сетку, но на картинке всего 5000 "ячеек" а по факту нужно раза в 10 больше чтобы было.
Делать её в виде каждая ячейка отдельный тег или ячейка таблицы не получится потому что страница из-за этого просто виснет))
Но другая часть задачи, это чтобы потом можно было выделить пользователю 1 ячейку, или выделением выши выделить какой-то участок ячейки. jQuery Ui Selectable подходит идеально, но он работает только с отдельными "тегами" но в моем случае я не знаю как правильно сконструировать такую сетку чтобы работало стабильно
Буду рад любому совету.

Спасибо.

Comments

[Konfy]

Буду рад любому совету

canvas -> Fabric.js

https://codepen.io/rodan8888/pen/eBWNdp
https://codepen.io/Ben_Tran/pen/YYYwNL

[Artem Fl]

Konfy, этим можно сделать выделение блоков простым кликом, а так-же выделение сразу большого размера таких блоков? Плюс к этому нужно чтобы например определенная ячейка была картинкой с ссылкой, или допустим 10 на 10 ячеек картинка и ссылка, можно там такое сделать?

[Konfy]

Артемий Жеман, можно, но это может быть нелегко для начинающего. Кроме fabric вроде ещё есть другие библиотеки вокруг canvas. Может в какой-то из них такая задача будет проще

Answer 1

[rPman]

canvas