title: Can I make SVG elements selectable in the browser?
body: <p>I am attempting to write a graphical grid editor and I was looking at the possibility of use SVG to draw the grid, with the hope that there is some was to select the grid elements.  So, the SVG grid would be made up of colored rectangles arranged in columns and rows.  User can draw digital pictures by coloring different rectangles different colors.  </p>
  
  <p>I can easily draw a grid of svg rects and display is fine.  But I want the user to be able to select a set of rects from the svg display.  So, perhaps they want to select multiple rects by dragging a rectangular region with the mouse and selecting them, then they might want to color all a certain color.  </p>
  
  <p>Is there a way for the browser to show selection of a subset of rects displayed in my grid?  Or is that not a possibility with SVG?  I am new to SVG, so have never worked with it before.  My simple grid test, does not show any selection when dragging over the svg rect elements with the mouse. </p>
  
  <p>Is there some easy way to do this?  </p>
  
  <p>Alternatively, I think I would need to use an HTML 5 canvas for display and handle all the mouse events myself.</p>