Foros del Web » Creando para Internet » Diseño web »

Rotar, mover, escalar y cambiar el color de un PNG

Estas en el tema de Rotar, mover, escalar y cambiar el color de un PNG en el foro de Diseño web en Foros del Web. Que hay amigos.... Llevo días buscando un plugin, Framework o una API para el diseño de una aplicación web para donde pueda rotar, mover, escalar ...
  #1 (permalink)  
Antiguo 09/11/2012, 20:02
 
Fecha de Ingreso: noviembre-2012
Mensajes: 1
Antigüedad: 11 años, 5 meses
Puntos: 0
Pregunta Rotar, mover, escalar y cambiar el color de un PNG

Que hay amigos....

Llevo días buscando un plugin, Framework o una API para el diseño de una aplicación web para donde pueda rotar, mover, escalar y cambiar el color de un PNG.... Lo logre hacer con "jQuery Transit" y canvas... Mi problema fue la compatibilidad con los navegadores ya que IE no soporta estas herramientas, salvo la version 10 :(

Es por ello que me les pido su apoyo para ver si alguno de ustedes me pueden recomendar algo para poder hacerlo.

La idea es hacer algo como esto pero sin utilizar flash [URL="http://www.teleadhesivo.com/principal.asp?navegacion=categorias&vista=detalle& categoria=271&pagina=1&texto=&producto=8647"]http://www.teleadhesivo.com/principal.asp?navegacion=categorias&vista=detalle& categoria=271&pagina=1&texto=&producto=8647[/URL]


De ante mano Gracias.....
  #2 (permalink)  
Antiguo 10/11/2012, 02:55
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Rotar, mover, escalar y cambiar el color de un PNG

hola:

Tal vez puedas usando svg.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 13/11/2012, 13:30
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Rotar, mover, escalar y cambiar el color de un PNG

Hola:

Un ejemplo de rotación:

El código:
Código:
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="40" height="40" preserveAspectRatio="yes"> 
    <image x="0px" y="0px" width="40px" height="40px" xlink:href="http://www.pepemolina.com/logo.png"> 
        <animateTransform attributeType="xml" 
            attributeName="transform" 
            type="rotate" 
            from="0 20 20" 
            to="360 20 20" 
            dur="6s" 
            repeatCount="indefinite"/> 
    </image> 
</svg>
Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo

Etiquetas: api, canvas, edición, explore-error, intenet, jquery, js, plug-in
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:44.