2012-02-12 3 views
0

애니메이션 GIF를 '축소'할 수 있는지 알아 봅니다. 파일 크기가 아니라 이미지의 크기와 관련이 있습니다.애니메이션의 일부로 gif의 크기를 축소하십시오.

그렇다면 jquery/javascript로 애니메이션을 잡을 수있는 방법이 있습니까? 그렇다면 CSS를 사용하여 이미지를 이동하는 크기를 줄일 수 있습니까?

또는 HTML5 Canvas의 간단한 이미지 조작 유형을위한 라이브러리가 있습니다.

편집 : 이미지의 첫 번째 모형은 http://swmohappening.info/입니다. 그것은 근본적으로 지역 청소년 그룹 퇴각을 돕기 위해 제가하고있는 웹 사이트입니다.

나는 글자의 일부를 축소하여 페이지에서 벗어나기 쉽도록 관리하고 있습니다. 나는 이미지의 중앙/주요 부분의 크기를 유지할 필요가있다.

+0

GIF는 잘 확장되지 않는 것 같습니다. – Sparky

+0

@elclanrs 솔직히 말해서 많이 알지 못합니다. 여기에서 그리고 Google에서 수행 한 빠른 검색 이외에도 애니메이션 크기의 GIF에 대해서는 잘 모릅니다. 크기가 아니라 파일 크기에 대한 이야기 ​​인 듯합니다 ... 개인적으로 제한된 색상 표 때문에 gif를 좋아하지는 않지만 모든 옵션을 살펴 보았습니다. 다른 질문은 질문을 게시 한 후 일련의 png/jpg 이미지를 만들고 jquery cycle pluggin을 사용하여 루프를 반복하여 애니메이트하는 것이라고 생각합니다. – Jared

답변

0

jquery animate가 단순히 이미지의 크기를 변경하는 것처럼 보입니다. (현재 필요한 것은 아닙니다). 가장 가능성이 높습니다 애니메이션을 사용하여 결국 이미지를 축소하여 '축소'할 것입니다 ...

2

jQuery에서 animate 기능을 살펴보십시오. 이미지의 크기를 변경하고 소요되는 시간을 지정할 수 있습니다.

+0

이 글을 읽는 중에 실제로는 읽지 않을 것입니다. 이미지의 크기를 조정하면 CSS로 이미지 크기를 조정할 수 있습니까? 어떤 이미지 모양을 버릴 것입니다. 기본적으로 이미지는 http://swmohappening.info/입니다. 이미지의 너비와 중심/주요 섹션의 크기를 유지하면서 이미지를 줄이고 글자의 런 - 언 부분을 제거하고 싶습니다. 이미지. 일련의 jpg가 답이 될 수 있고 사이클 플러그 인을 사용하는 것 같아요. – Jared

+0

애니메이션의 모양을 나타 내기 위해이 도구를 사용할 수는 있지만 이미지의 크기는 변경하지 않아도되지만 div는 나는 그것을 집에 넣고 오버플로를 숨기지? 나는 여전히 '꽤'녹색으로 자바 스크립트로 끝낼 수 있지만 일반적으로 클러스터입니다. :) – Jared

관련 문제