Hit-testing SVG shapes?

by

The SVG 1.1 DOM has just the right method (unfortunately it’s not yet implemented in mozilla):

var nodelist = svgroot.getIntersectionList(hitrect, null);

For a full working example see here.

More Related Contents:

  1. How to access SVG elements with Javascript
  2. Create SVG tag with JavaScript
  3. Scaling d3 v4 map to fit SVG (or at all)
  4. HTML5 Canvas vs. SVG vs. div
  5. Replacing d3.transform in D3 v4
  6. How do I include newlines in labels in D3 charts?
  7. JavaScript accessing inner DOM of SVG
  8. Firefox error rendering an SVG image to HTML5 canvas with drawImage
  9. Add SVG element to existing SVG using DOM
  10. JavaScript createElementNS and SVG
  11. In d3, how to get the interpolated line data from a SVG line?
  12. D3js take data from an array instead of a file
  13. How to access the content of the “embed” tag in HTML
  14. D3 fill shape with image using pattern
  15. Is it possible to use HTML’s .querySelector() to select by xlink attribute in an SVG?
  16. Is it possible to append a div inside an SVG element? [duplicate]
  17. Baking transforms into SVG Path Element commands
  18. Embedding SVG in PDF (exporting SVG to PDF using JS)
  19. svg / d3.js rounded corners on one side of a rectangle
  20. How do I return y coordinate of a path in d3.js?
  21. Scripting data in SVG (reading and modifying)
  22. How can I calculate the area of a bezier curve?
  23. SVG donut slice as path element (annular sector)
  24. Animate marquee on SVG curve
  25. SVG get text element width
  26. Programmatically creating an SVG image element with javascript
  27. Does the attr() in jQuery force lowercase?
  28. Calculate SVG Path Centroid with D3.js
  29. How do I dynamically insert an SVG image into HTML?
  30. How do I manipulate the SVG DOM and create elements?

Leave a Comment