Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 11 of 11
  1. #1
    Regular Coder
    Join Date
    Mar 2009
    Location
    Portland Oregon
    Posts
    690
    Thanks
    44
    Thanked 63 Times in 62 Posts

    Curve an image with html Canvas

    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/curledpages.html

    For you IE users, here's what you're missing
    this is the source pic


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

  • #2
    Regular Coder
    Join Date
    Aug 2005
    Location
    MS
    Posts
    832
    Thanks
    10
    Thanked 79 Times in 77 Posts
    Nicely done. Can see the curved image here, but not on your site. Just see one large black image.
    ☠ ☠RON☠ ☠

  • #3
    Regular Coder
    Join Date
    Mar 2009
    Location
    Portland Oregon
    Posts
    690
    Thanks
    44
    Thanked 63 Times in 62 Posts
    Quote Originally Posted by Major Payne View Post
    Nicely done. 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.

  • #4
    Regular Coder
    Join Date
    Aug 2005
    Location
    MS
    Posts
    832
    Thanks
    10
    Thanked 79 Times in 77 Posts
    I AM using Firefox. Still can't see it. :P
    ☠ ☠RON☠ ☠

  • #5
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,853
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Quote Originally Posted by Major Payne View Post
    I AM using Firefox. Still can't see it. :P
    I see it in FF3
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #6
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Quote Originally Posted by Major Payne View Post
    Nicely done. 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...
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #7
    Regular Coder
    Join Date
    Mar 2009
    Location
    Portland Oregon
    Posts
    690
    Thanks
    44
    Thanked 63 Times in 62 Posts
    Quote Originally Posted by Major Payne View Post
    I AM using Firefox. Still can't see it. :P
    that's odd. You were able to see the text script the other day?

  • #8
    Regular Coder
    Join Date
    Mar 2009
    Location
    Portland Oregon
    Posts
    690
    Thanks
    44
    Thanked 63 Times in 62 Posts
    Can you tell me if this works for your browser?
    http://h1.ripway.com/tinyscript/imageShadedSphere.html

    it should look like this

    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.

  • #9
    Regular Coder
    Join Date
    Aug 2005
    Location
    MS
    Posts
    832
    Thanks
    10
    Thanked 79 Times in 77 Posts
    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 .
    ☠ ☠RON☠ ☠

  • #10
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Hmm that is a little odd. I couldn't see it either until I allow the site to display scripts.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #11
    Regular Coder
    Join Date
    Aug 2005
    Location
    MS
    Posts
    832
    Thanks
    10
    Thanked 79 Times in 77 Posts
    Anyone with ideas why I can see the one, but not the other? JS has been on for site since first posting.
    ☠ ☠RON☠ ☠


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •