Home/ Questions/Q 8064773
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-05T11:28:18+00:00

I’m trying to draw rectangles with the mouse using the Raphael 2+ library (note:

  • 0

I’m trying to draw rectangles with the mouse using the Raphael 2+ library (note: the answer to this question won’t work with Raphael 2).

With rectangles (Paper.rect), the mousedown/mouseup events only trigger when the cursor is on the edge of the rectangle and not within it. Is there a way to attach these events so they trigger when the mouse cursor is within the rectangle?

Ultimately, I’m trying to draw marquees/frames with the mouse. Ideally, I’d like to attach mouse listeners to the paper, but this is no longer possible, so I’m creating a ‘surface’ rect on the paper and drawing my elements within it. Is this approach whack? Any ideas most welcome.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I’ve played around, and it seems that you have to fill your shape in order to have your events fired. See here : http://jsfiddle.net/bathz/KrpKs/

    That just makes sens to me, It enables you to sharply define the perimeter of what you listen to. I guess you could fill the shape with a transparent color, but I’ll leave it to you.

    • 0