Jquery: показывать привязки к сетке, используя dropble и dragggable

Question

Я пытаюсь показать сетку $ f00x $ f00 (20x20 или 30x30 и т. Д.) (С линиями сетки), на которую можно поместить изображение.Я не уверен, как получить сетку для отображения у кого-нибудь есть какие-либо идеи?

Answer 1

Реализуйте это, используя HTML5 Canvas:

---

1. Расположите холст поверх контейнера (например, элемента div), чтобы ваше изображение было сброшено так, чтобы координаты совпали,То есть холст напрямую перекрывает ваш контейнер.
2. Убедитесь, что у холста более высокий z-индекс, чем у контейнера с изображениями.
3. Нарисуйте линии сетки на холсте