2016-04-07 12 views
0

私はGWTでサイズ変更可能なイメージを作成したいと思います。私はちょうどサイズ変更可能なパネルのサンプルを見つけました。こちらをご覧ください:http://gwt-ext.com/demo/#resizablePanel しかし、画像では機能しません。誰か助けてくれますか?GWTでサイズ変更可能なイメージを作成するには?

ありがとうございます! Jogi

+1

私が助けてくれる希望:http://stackoverflow.com/questions/2260458/scaling-an-image-in-gwt –

答えて

0

イメージをコンテナの背景(ビューなど)にthe following CSS rulesと設定し、必要に応じてサイズを変更します。

+0

これは、ウィジェットがドラッグできない場合にのみ機能します。(私はgwt-dndを使用しています。あなたが問題になる可能性があるものを知っている.doという? – Jogi

+0

私はドラッグ可能なために、コンテナを設定すると、どのような方法でこれに影響を与えることはないと思う。 –

+0

私はHTMLウィジェットを使用しています、私のCSSで私は背景画像として設定しますドラッグ&ドロップでドラッグ&ドロップすることができますが、サイズ変更はできません。 – Jogi

0

画像ウィジェットは変装で<img />タグです。サイズを変更する最も良い方法はuse cssクラスで、幅と高さのスタイル名として設定するか、imageWidget.getElement()。getStyle()。setWidthまたはsetHeightを使用してインラインスタイルを使用します。パーセンテージの幅および/または高さの値を使用することもできますが、これは要素の表示属性および/または親要素の使用可能なサイズによって異なります。

+0

大丈夫です。 CSS:div.resize {background-repeat:no-repeat; background-size:100%100%; border:2px solid;パディング:20px;幅:120px;高さ:50px;サイズ変更:両方;オーバーフロー:自動; }そして次に私は設定する:inse rt2.setStyleName( "resize");それは動作しません:(何が間違っている? – Jogi

関連する問題