Posted by naught101 on March 11, 2008 at 9:46am
Jump to:
| Project: | Magnifier |
| Version: | 5.x-1.x-dev |
| Component: | User interface |
| Category: | feature request |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | active |
Issue Summary
Would it be possible to change the magnifier to a circle? If so, how easy would it be? I can see from the code that the box is done in CSS which doesn't allow for circles, which would mean it would have to be completely re-written in javascript, right? Can a javascript circle have an image as a back ground?
Nice module, by the way
Comments
#1
This could perhaps be done by applying the border-radius property (and browser specific variants). This may need some refactoring of the way the javascript works, but shouldn't be too hard. Also, it wouldn't work in IE (6 or 7).
#2
I've tried this with -moz-border-radius and -webkit-border-radius and plain border-radius both on the div, and the image itself. I tested with FF3, KHTML, Konqueror-Webkit, and Opera 10 (beta). In all cases that rendered rounded border corners, the image corners overlapped the borders. It won't work.
ned
#3
http://www.walterzorn.com/jsgraphics/jsgraphics_e.htm
maybe drawing the circle with javascript is the way to go?