Design e programação criativa na web.

Redimensionamento proporcional de uma imagem – AS2

Algo que poderá será util. É simples mas nunca tinha pensado nisso até ser necessário. Por isso pensei um bocado e aqui está. :)

Quando se redimensiona o stage a imagem redimensiona mas porporcionalmente. Para isso só foi necessario calcular a proporçao (ratio).

///AS2.0 – Redimensionamento proporcional///

Stage.align=”TL”;

onLoad = function () {
ratio = imagem._width/imagem._height;
trace(ratio);
imagem._width = Stage.width;
imagem._height = imagem._width / ratio;
};
var myListener:Object = new Object();
myListener.onResize = function() {
imagem._width = Stage.width;
imagem._height = imagem._width / ratio;

};
Stage.addListener(myListener);

///AS2.0 – Redimensionamento proporcional///

Comentários a: "Redimensionamento proporcional de uma imagem – AS2" (7)

  1. Tava precisando disso.. fico prefeito..
    Parabéns!!!

  2. dentro de um listener eu usei seu exemplo para redimecionar uma imagem que é bem maior na lagura conservando a proporção, ficou assim:
    ratio = box._width/box._height;
    box._height = Stage.height;
    box._width = box._height * ratio;

    muito obrigado deu um luz e tanto xD

  3. Muito bom mano!

  4. E se for em AS3? Como substituo a função onLoad?
    Obrigado :P

    • Olá Pedro. Na realidade a função onLoad do AS2 pode não se utilizar. A questão é que por organização, o código deve estar sempre dentro de funções. Em AS3 seria algo como utilizar:

      stage.addEventListener(Event.RESIZE, redimensionar);

      Brevemente vou colocar um tutorial de redimensionamento mas em AS3.

      Abraço!

  5. aaaa meu guri vc me salvou de uma, devo uma bera.

  6. Vlws. Muito Obrigado, continue propagando o conhecimento.

Deixar uma resposta

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Modificar )

Imagem do Twitter

You are commenting using your Twitter account. Log Out / Modificar )

Facebook photo

You are commenting using your Facebook account. Log Out / Modificar )

Connecting to %s

Nuvem de etiquetas

Seguir

Get every new post delivered to your Inbox.