OZONE Asylum
Forums
DHTML/Javascript
skewing a div
This page's ID:
31873
Search
QuickChanges
Forums
FAQ
Archives
Register
Edit Post
Who can edit a post?
The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.
Your User Name:
Your Password:
Login Options:
Remember Me On This Computer
Your Text:
Insert Slimies »
Insert UBB Code »
Close
Last Tag
|
All Tags
UBB Help
If you really want to use Canvas, you can use use an SVG (image) containing a foreign object ( a simple document with your DIV ) as the source image of your drawImage calls. Otherwise you could simply skew the DIV right away usin [url=http://www.w3.org/TR/css3-2d-transforms/]CSS3 2D transforms[/url]. Note that this standard is still in working draft stage, so you'll have to use the CSS vendor prefixes: -o- , -moz- and -webkit- There is also the webGL approach but the level of support is very very low and I'm not aware of any fallback mechanism in case the user does not have the proper drivers or hardware. HTH, [url=http://www.p01.org/][sigrotate][img]http://poi.ribbon.free.fr/files/p01_ozoneasylum_sig_love.gif[/img]|[img]http://poi.ribbon.free.fr/files/p01_ozoneasylum_sig_love_small.gif[/img]|[img]http://poi.ribbon.free.fr/files/p01_ozoneasylum_sig_charly.gif[/img]|[img]http://poi.ribbon.free.fr/files/p01_ozoneasylum_sig_dk.gif[/img]|[img]http://poi.ribbon.free.fr/files/p01_ozoneasylum_sig_reason.gif[/img]|[img]http://poi.ribbon.free.fr/files/p01_ozoneasylum_sig_galaxy.gif[/img]|[img]http://poi.ribbon.free.fr/files/p01_ozoneasylum_sig_neon88x31.gif[/img]|[img]http://poi.ribbon.free.fr/files/p01_ozoneasylum_sig_teapot.png[/img][/sigrotate][/url]
Loading...
Options:
Enable Slimies
Enable Linkwords
« Backwards
—
Onwards »