...

View Full Version : Curve an image with html Canvas



TinyScript
03-20-2009, 03:19 AM
OK, time for another one of my secret stash of canvas experiments. This one rocks, but Don't ask for a tutorial on this one. I barely know how I did it. hehehe
http://h1.ripway.com/tinyscript/glossycanvas/(PNG%20Image,%20800x800%20pixels).png
http://h1.ripway.com/tinyscript/curledpages.html

For you IE users, here's what you're missing
this is the source pic
http://h1.ripway.com/tinyscript/pic1.jpg

I have the shading on, but you can get a crisp image if you disable it.

Major Payne
03-20-2009, 08:04 AM
Nicely done. :thumbsup: Can see the curved image here, but not on your site. Just see one large black image.

TinyScript
03-20-2009, 08:56 AM
Nicely done. :thumbsup: Can see the curved image here, but not on your site. Just see one large black image.


you need to use firefox to see it. the picture here is a screen capture of what it looks like.

Major Payne
03-20-2009, 09:33 AM
I AM using Firefox. Still can't see it. :P

abduraooft
03-20-2009, 10:08 AM
I AM using Firefox. Still can't see it. :P
I see it in FF3

_Aerospace_Eng_
03-20-2009, 05:21 PM
Nicely done. :thumbsup: Can see the curved image here, but not on your site. Just see one large black image.
If you have noscript installed you may not see it...;)

TinyScript
03-20-2009, 09:59 PM
I AM using Firefox. Still can't see it. :P

that's odd. You were able to see the text script the other day?

TinyScript
03-20-2009, 10:13 PM
Can you tell me if this works for your browser?
http://h1.ripway.com/tinyscript/imageShadedSphere.html

it should look like this
http://i43.tinypic.com/e82uyd.png
This page has direction in the code if you guys want to use it. It's pretty easy to work with
I thought the results look pretty good for what it is. The top of it looks choppy, but the rest isn't too bad. I should adjust the opacity of the image a little. Every image is going to look a little different and the gradients will need tuning anyway.

Major Payne
03-21-2009, 02:24 PM
Yep. See the one at http://h1.ripway.com/tinyscript/imageShadedSphere.html perfectly and I do have NoScript which I've already set your site before to allow JS.

Still see nothing but a big black square at http://h1.ripway.com/tinyscript/curledpages.html .

_Aerospace_Eng_
03-21-2009, 06:34 PM
Hmm that is a little odd. I couldn't see it either until I allow the site to display scripts.

Major Payne
03-24-2009, 02:25 PM
Anyone with ideas why I can see the one, but not the other? JS has been on for site since first posting.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum