www.webdeveloper.com
Results 1 to 3 of 3

Thread: Physical Rotate of Image

Hybrid View

  1. #1
    Join Date
    Jun 2012
    Posts
    1

    Physical Rotate of Image

    Hi

    New here so forgive me if this doesn't make too much sense or is in the wrong place!

    Basically i have an image which is coming from a live camera and stored in a hosted folder, updated 3 times a day. However because of how it is set up the image comes in at a 90 degree angle to how it should be viewed.

    Is there a way that using html/javascript i can get the image to automatically load rotated through 90.

    Many thanks

  2. #2
    Join Date
    Jun 2012
    Posts
    20
    The only way that I can think of to accomplish this is by using CSS3. For example,
    Code:
    .rotate img { 
       transform: rotate(15deg);
       -moz-transform: rotate(15deg);
       -webkit-transform: rotate(15deg);
    }
    The CSS style above will rotate the image 15 degrees. Something else you can try is using canvas, the tutorial below will explain the rest.

    http://www.ajaxblender.com/howto-rot...pt-canvas.html

  3. #3
    Join Date
    Oct 2010
    Location
    Versailles, France
    Posts
    1,264
    The Raphaël library allows to rotate images (whitout CCS3 or HTML5) like on this demo page

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

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



Recent Articles