2012/10/23

[jQuery UI]resizableの縦横比一定について

jQuery UIのresizableは、リサイズしているときに、縦横比を一定にすることができるのだろうか?

Preserve aspect ratio
を読むと、インスタンス化を行なうときに、JSONパラメータに、

aspectRatio

を設定すればいいようだ。

例としてはこんな感じ

<script>
jQuery(function($) {
 $("#draggable_01").resizable({
  aspectRatio: 16 / 9
 });
});
</script>
<div id="draggable_01" class="ui-widget-content">
This is test contents1
</div>
下で実験することができます。




This is test contents1

0 コメント:

コメントを投稿