0

次の画像のような実現可能なオブジェクトのハンドルが必要です。

私が試したコードは、カスタムハンドルでは機能しませんでした。

カスタムハンドルオプションを含めると、サイズ変更がまったく機能しません。

<style>
    .object{
        width: 100px; height: 100px; border: 1px solid black;

}
#myContainer{
    height: 600px;
    border: 2px solid #ccc;
}
.handle{
    height: 10px; width: 10px; background: red;
}
</style>
<script type="text/javascript">
$(function() {
    $("#resizable").resizable({
        handles: { 'all': $('#handle') }
      });
});
</script>

<div id="myContainer">
    <div class="object" id="resizable">
        <div id="handle" class="handle"></div>
    </div>
</div>

ここに画像の説明を入力してください

4

2 に答える 2

1

私が探していたものはここにあり ますhttp://www.egrappler.com/jquery-smartit-plugin-css3-2d-transformation/

于 2012-08-13T03:27:53.997 に答える
1

http://jqueryui.com/demos/resizable/を見たことがありますか？

コードを追加して、の境界線をdiv点線の境界線に変更し、8つの正方形の背景画像を使用できますか？

于 2012-08-13T02:23:14.553 に答える