Path: csiph.com!v102.xanadu-bbs.net!xanadu-bbs.net!feeder.erje.net!eu.feeder.erje.net!weretis.net!feeder1.news.weretis.net!news.solani.org!.POSTED!not-for-mail From: Thomas 'PointedEars' Lahn Newsgroups: comp.lang.javascript Subject: Re: Shape with transparent click through Date: Wed, 03 Sep 2014 03:16:33 +0200 Organization: PointedEars Software (PES) Lines: 32 Message-ID: <1967125.rtWAkvbeG0@PointedEars.de> References: <4867520.6Lz3d7RzCT@PointedEars.de> Reply-To: Thomas 'PointedEars' Lahn Mime-Version: 1.0 Content-Type: text/plain; charset="UTF-8" Content-Transfer-Encoding: 8Bit X-Trace: solani.org 1409706994 12372 eJwFwYEBwCAIA7CXFGhh5wy0/59gAufmZBAMCLqZlTSf1JKH8SA0feZ2f17DGpis96+GYj0g1hGb (3 Sep 2014 01:16:34 GMT) X-Complaints-To: abuse@news.solani.org NNTP-Posting-Date: Wed, 3 Sep 2014 01:16:34 +0000 (UTC) User-Agent: KNode/4.14 X-User-ID: eJwNyMkBwCAIBMCWlGPRcliE/ktI5jmu2KgwOMzHp9YtO7Wx5IYEwX4DqQ7byad1pIJJ7bjrwYXzmoAys//8AGBzFn0= Cancel-Lock: sha1:vj6UfFjvays+xyxjWWU+abAscY4= X-NNTP-Posting-Host: eJwFwYEBwCAIA7CXQGzBczYL/59ggqDz5ia4MRg7jB+nezpQFG3djFUxlje73FPxmeQCJD0QyxEK Xref: csiph.com comp.lang.javascript:25810 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: | SVN: Twitter: @PointedEars2 | ES Matrix: Please do not Cc: me. / Bitte keine Kopien per E-Mail.