ホームページ > バックエンド開発 > PHPチュートリアル > javascript - マウスでdivレイアウトを描画するときに小さい画像を表示するにはどうすればよいですか?

javascript - マウスでdivレイアウトを描画するときに小さい画像を表示するにはどうすればよいですか?

WBOY
リリース: 2016-08-08 09:06:45
オリジナル
1112 人が閲覧しました

ページは 2 つの部分に分かれており、上部はマウスで長方形を描画します (既に実装されています)。 [OK] をクリックすると、上記の図に従って比例レイアウト図が下に表示されます。図に示されています(写真は少し見苦しい = =)、どうすればそれを実現できますか?誰か助けてくれませんか? よろしくお願いします
javascript - マウスでdivレイアウトを描画するときに小さい画像を表示するにはどうすればよいですか?

返信内容:

ページは 2 つの部分に分かれており、上部はマウスで長方形を描画します (既に実装されています)。 [OK] をクリックすると、上記の図に従って比例レイアウト図が下に表示されます。図に示されています(写真は少し見苦しい = =)、どうすればそれを実現できますか?誰か助けてくれませんか? よろしくお願いします
javascript - マウスでdivレイアウトを描画するときに小さい画像を表示するにはどうすればよいですか?

上で考えたことと同じように、jqのappendを使用して上のdivのコンテンツ全体を下のdivに詰め込み、次にtransformを使用して下のdivのスタイルを縮小します

アイデアについて話しましょう:
コンテナ内の要素のサイズは、コンテナの割合に応じて決定されます。 を追加します。クラスを下のコンテナに追加し、比例して縮小します。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート