ホームページ  >  記事  >  ウェブフロントエンド  >  page_html/css_WEB-ITnose上で画像を自由に回転する機能を実現したい

page_html/css_WEB-ITnose上で画像を自由に回転する機能を実現したい

WBOY
WBOYオリジナル
2016-06-24 12:23:541626ブラウズ

回転ドラッグ画像オーバーレイ

大まかに言うと、ページ上に複数の画像を配置し、画像を異なる角度と位置に配置するオーバーレイとドラッグを実装するのが最適です。
マスターがアイデアを持っているかどうかはわかりません。どうやって始めればよいのかわかりません。
ディスカッションに返信してください。

フラッシュを使用すると、ほぼすべての効果が得られます。

ドラッグは簡単に実装できます。Photoshop などのツールバー、回転角度、前のレイヤー、次のレイヤーのボタンを作成する方法を学ぶ必要があります。

マウスをドラッグして現在のマウス、要素の位置を記憶します。 、mousemove、left、top= 現在のマウス位置 - マウスダウン時のオフセット

、回転角度、css3、IEフィルターを見ると、レベルが変化します z-index




ざっくりとページ上に複数の写真を配置するようなもので、写真が異なる角度、異なる位置分布になっている場合は、重ね合わせとドラッグも実現するのが最善です。
マスターがアイデアを持っているかどうかはわかりません。どうやって始めればよいのかわかりません。

あなたのアイデアを整理するのを手伝ってください。

最初に解決するのは角度の問題です。 1) ブラウザのサポート 2) 回転 中心点
次に、重ね合わせとドラッグは座標に基づいて設定します。左上隅にある

コア機能は次のとおりです

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。