【问题标题】:Jquery: Show snap-to gridlines using droppable and draggable?Jquery:使用可拖放和可拖动显示对齐网格线?
【发布时间】:2010-06-22 20:16:48
【问题描述】:

我正在尝试显示可以放置图像的 $f00x$f00 网格(20x20 或 30x30 等)(带有网格线)。我不确定如何让网格显示有没有人有任何想法?

【问题讨论】:

  • 你的意思是喜欢使用背景图片?
  • 也许可以,但我担心它不会同步。

标签: jquery draggable droppable


【解决方案1】:

使用 HTML5 Canvas 实现这一点:


  1. 将您的画布放在容器(例如 div 元素)的顶部,您的图像将被拖放到该容器上,以使坐标对齐。 IE。画布直接与您的容器重叠。
  2. 确保画布的 z-index 高于图像容器。
  3. 在画布上绘制网格线

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-11-20
    • 1970-01-01
    相关资源
    最近更新 更多