ホームページ >ウェブフロントエンド >htmlチュートリアル >page_html/css_WEB-ITnose上で画像を自由に回転する機能を実現したい
page_html/css_WEB-ITnose上で画像を自由に回転する機能を実現したい
- WBOYオリジナル
- 2016-06-24 12:23:541659ブラウズ
回転ドラッグ画像オーバーレイ
大まかに言うと、ページ上に複数の画像を配置し、画像を異なる角度と位置に配置するオーバーレイとドラッグを実装するのが最適です。マスターがアイデアを持っているかどうかはわかりません。どうやって始めればよいのかわかりません。
ディスカッションに返信してください。
フラッシュを使用すると、ほぼすべての効果が得られます。
ドラッグは簡単に実装できます。Photoshop などのツールバー、回転角度、前のレイヤー、次のレイヤーのボタンを作成する方法を学ぶ必要があります。
マウスをドラッグして現在のマウス、要素の位置を記憶します。 、mousemove、left、top= 現在のマウス位置 - マウスダウン時のオフセット
、回転角度、css3、IEフィルターを見ると、レベルが変化します z-index
ざっくりとページ上に複数の写真を配置するようなもので、写真が異なる角度、異なる位置分布になっている場合は、重ね合わせとドラッグも実現するのが最善です。
マスターがアイデアを持っているかどうかはわかりません。どうやって始めればよいのかわかりません。
最初に解決するのは角度の問題です。 1) ブラウザのサポート 2) 回転 中心点
次に、重ね合わせとドラッグは座標に基づいて設定します。左上隅にある
コア機能は次のとおりです
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。