JQuery: Показать привязку к сетке с использованием droppable и draggable?

Question

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

Answer 1

Реализовать это с помощью HTML5 Canvas:

---

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