축소판 이미지에 'iPhone 스타일 아이콘'효과를 만드시겠습니까?

asp.net 프로젝트에 이미지 업로드 기능이 있습니다. 업로드하면 이미지의 축소판이 생성되어 디스크에 저장됩니다.축소판 이미지에 'iPhone 스타일 아이콘'효과를 만드시겠습니까?

아이폰의 아이콘 모양과 비슷한 멋진 스타일링 효과를 적용하는 것이 이상적입니다. 약간의 그라데이션, 둥근 모서리 및 테두리가 있습니다.

누군가가 기존 라이브러리를 알고 있기를 바랍니다. - 상업적이거나 그렇지 않은 경우 (.net GDI 공간으로 너무 깊게 파고 들었습니다!).

모든 포인터가 크게 수신되었습니다. 감사.

2009-10-23 Anonymous

나는 좋은 효과를 가지고있는 http://www.neodynamic.com/Products/IDWebC/ImageDrawWebControl.aspx?tabid=24&prodid=4를 발견했습니다. 완벽하지는 않지만 꽤 가깝습니다. –

생각 : 기존 이미지 위에 앉아 그라디언트가있는 .png를 만드는 방법은 무엇입니까?

출처

2009-10-23 21:24:49

큰 크기의 그래픽을 만듭니다. 그리기 방법으로 원본 이미지를 예상 된 좌표에 놓습니다. 그리고 다른 비트 맵이나 이미지를 파일에서로드하거나 메모리에서 생성합니다. 리플렉션을 위해 준비된 알고리즘을 사용하거나 GetPixel 메서드를 사용하여 직접 구현할 수 있습니다.

출처

2009-10-23 21:47:27 tga

웹용이므로 업로드 할 때 원본과 PNG를 통합하지 않을 것을 적극 권장합니다. 가장 좋은 방법은 업로드시 이미지 크기 조정을하는 것입니다. 그런 다음 이미지가 사이트/애플리케이션 전체에서 사용되는 경우 상단에 절대적으로 위치한 PNG를 플로팅하십시오. PNG는 네 모서리가 구부러져 있고 원하는대로 그림자가 적용됩니다.

이미지를 표시 할 때 이미지의 종단 크기가 작은 경우 overflow:hidden;을 사용하여 "포털"또는 "잘라 내기"를 수행 할 수 있습니다.

설명;

이미지가 500 x 500입니다. 100 x 100의 아이콘을 원합니다. HTML로 크기를 조정하면 엉망으로 보일 것이므로 div를 배치하고 500 x 500 이미지의 background-image 및 overflow:hidden;을 width:100px;height:100px;. 그런 다음 다른 div를 만들고 position:absolute;left:0;top:0;z-index:2;width:100px;height:100px;을 입력하고 여기에 투명한 PNG를 입력하십시오.

다음 페이지에서;

<div style="background-image:url('/images/thumbnail.jpg');width:100px;height:100px;overflow:hidden;z-index:1;"> 
    <div style="position:absolute;left:0;top:0;z-index:2;width:100px;height:100px;"> 
     <a href="/ifclickable.htm"><img src="/images/transparent.png" alt="alt for img here" /></a> 
    </div> 
</div>

그러면 아이콘이 손상되지 않으며 업로드시 크기가 걱정된다는 것입니다.

희망이 있습니다.

출처

2009-10-29 14:16:57 dooburt

축소판 이미지에 'iPhone 스타일 아이콘'효과를 만드시겠습니까?

답변

관련 문제