Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]

Groups > comp.lang.javascript > #25810

Re: Shape with transparent click through

Show key headers only | View raw

Andrew Poulos wrote:

> On 3/09/2014 10:01 AM, Thomas 'PointedEars' Lahn wrote:
>> Andrew Poulos wrote:
>>> Is there a graphics library that will allow me to draw a shape (say, a
>>> hollow ellipse) on screen and still allow me to click through any
>>> transparent bit of the shape to interact with an element behind it?
>> I do not know.  ISTM you are having an XY problem again.
> 
> Here's the scenario: I have an elearning course. A page may have a Help
> button. If you click the button then Help for the page will appear. The
> form for the Help might be to circle an object on the page and to then
> display an instruction to click that object.
> 
> I've been using wz_jsgraphics.js to draw the circle but I'd rather
> something that looked, and is, better.

Good idea.  Walter Zorn’s code (at least the parts I have reviewed) is badly 
written, six years out of date now and will probably never be updated (he 
died in 2009; I am not aware of a maintained fork).

You can draw a circle around any element with the CSS3 border-radius 
property.  However, what you are asking for does not make sense in the first 
place.  You do *not* want the clicked object react as if Help mode was not 
enabled when it is, and you can have translucent elements.  So I do not see 
the problem.

-- 
PointedEars
FAQ: <http://PointedEars.de/faq> | SVN: <http://PointedEars.de/wsvn/>
Twitter: @PointedEars2 | ES Matrix: <http://PointedEars.de/es-matrix>
Please do not Cc: me. / Bitte keine Kopien per E-Mail.

Back to comp.lang.javascript | Previous | Next — Previous in thread | Next in thread | Find similar | Unroll thread

Thread

Shape with transparent click through Andrew Poulos <ap_prog@hotmail.com> - 2014-09-03 08:37 +1000
  Re: Shape with transparent click through Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2014-09-03 02:01 +0200
    Re: Shape with transparent click through Andrew Poulos <ap_prog@hotmail.com> - 2014-09-03 10:29 +1000
      Re: Shape with transparent click through Ed Jay <edMbj@aes-intl.com> - 2014-09-02 18:11 -0700
        Re: Shape with transparent click through Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2014-09-03 03:28 +0200
      Re: Shape with transparent click through Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2014-09-03 03:16 +0200
        Re: Shape with transparent click through Andrew Poulos <ap_prog@hotmail.com> - 2014-09-03 12:33 +1000
          Re: Shape with transparent click through "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2014-09-03 08:53 +0200
          Re: Shape with transparent click through Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2014-09-03 12:40 +0200
  Re: Shape with transparent click through "Michael Haufe (TNO)" <tno@thenewobjective.com> - 2014-09-03 01:16 -0700
    Re: Shape with transparent click through "Christoph M. Becker" <cmbecker69@arcor.de> - 2014-09-04 02:27 +0200
      Re: Shape with transparent click through "Michael Haufe (TNO)" <tno@thenewobjective.com> - 2014-09-03 18:45 -0700
        Re: Shape with transparent click through "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2014-09-04 09:37 +0200
          Re: Shape with transparent click through "Michael Haufe (TNO)" <tno@thenewobjective.com> - 2014-09-04 18:53 -0700
        Re: Shape with transparent click through "Christoph M. Becker" <cmbecker69@arcor.de> - 2014-09-04 12:29 +0200

csiph-web