Photoshop Question posted in
The official user guide can be found here.

Implementing Grid and Ruler for html css – Photoshop

I’m working with an image editor using JavaScript. It has multiple layers of images similar to Photoshop. How can I have a div of grid on top of all the layers and still be able to click and move the bottom layers? I’m using JQuery-ui for draggable and resizable.

Are there any hacks or workaround for this?

Tags:

2

Answers


  1. 0

    Try to use pointer-events: none on the grid/ruler element;

    You can find examples here

    Login or Signup to reply.
  2. 0

    It’s been long since the question was originally asked but below solution might help for anyone visiting this question for implementing grid overlay for html/JavaScript canvas application.

    Grid Overlay using css

    one can easily play with z-index / background color to make element beneath grid overlay clickable.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search