GWT에서 이미지 위젯의 크기를 원래 크기보다 작게 조정할 수 있습니까?

이미지 위젯을 이미지 리소스 자체보다 작은 크기로 줄이는 것이 가능한지 궁금합니다. 나는 다음을 시도했다 :GWT에서 이미지 위젯의 크기를 원래 크기보다 작게 조정할 수 있습니까?

imageResource.setSize(size, size); 
imageResource.setPixelSize(size, size);

나는 또한 CSS 파일에서 크기 조정을 시도했다. 그러나 이미지의 크기를 원본보다 작게 만들면 이미지가 작아지고 실제로 축소되지 않습니다. 나에게 해결책은 고해상도의 작은 이미지를 사용하여 필요한 경우 확장 할 수 있지만 여기에 뭔가 빠져있는 것처럼 느껴집니다.

출처

2012-11-02 NickD

캔버스 개체로 시도하고 벡터로 작업 할 수 있습니다. 캔버스에있는 어떤 이미지 나 다른 벡터 애셋도 조작 할 수 있습니다. GWT 캔버스 클래스 또는 gwt- 그래픽을 사용해보십시오 (나는 좋은 결과를 가지고 나중에 사용했습니다) –

모두에게 도움을 주셔서 감사합니다. 내 이미지에 이미지 리소스 대신 데이터 리소스를 사용하여 문제를 해결했습니다. 이렇게하면 다른 코드를 변경하지 않고 코드를 지울 수 있습니다. 이 답변은 물론 이미 그렇습니다.하지만 아무런 쓸모가없는 날을위한 해결책을 찾고 있었기 때문에 간과 할 것입니다. 감사!!! – NickD

당신은 이미지를 확장 할 CSS3 배경 크기의 속성을 사용할 수 있습니다 : 그것은 아주 오래된 브라우저에서 지원되지 않는

http://www.w3schools.com/cssref/css3_pr_background-size.asp

하는 것으로.

출처

2012-11-02 23:29:47

이미지 크기를 조정할 수 있는데 문제는 이미지 리소스보다 이미지 크기를 축소하려고 할 때입니다. 그것은 이미지 자원의 원래 크기로 축소 될 것이고, 더 이상 확장하지 않고 자르기 시작할 것입니다. 100px X 100px의 이미지가 있고 크기를 50px X 50px로 설정하려고하면 전체 이미지가 원래 크기의 4 분의 1로 축소되지 않고 이미지의 왼쪽 상단이됩니다. – NickD

이미지를 배경으로 설정하면 이미지를 원하는만큼 위 또는 아래로 확대 할 수 있습니다. 이것을보십시오 : http://jsfiddle.net/s6bDu/ 원본 이미지는 540 픽셀입니다. –

또한으로 시도 할 수

ImageResorce myImage = new ImageResource(); 
myImage.getElement().setAttribute("height","20px"); 
myImage.getElement().setAttribute("width","20px");

환호!

출처

2012-11-05 10:52:58 PVR

GWT에서 이미지 위젯의 크기를 원래 크기보다 작게 조정할 수 있습니까?

답변

관련 문제