ホームページ > 記事 > ウェブフロントエンド > page_html/css_WEB-ITnose上で画像を自由に回転する機能を実現したい
回転ドラッグ画像オーバーレイ
大まかに言うと、ページ上に複数の画像を配置し、画像を異なる角度と位置に配置するオーバーレイとドラッグを実装するのが最適です。ドラッグは簡単に実装できます。Photoshop などのツールバー、回転角度、前のレイヤー、次のレイヤーのボタンを作成する方法を学ぶ必要があります。
マウスをドラッグして現在のマウス、要素の位置を記憶します。 、mousemove、left、top= 現在のマウス位置 - マウスダウン時のオフセット
、回転角度、css3、IEフィルターを見ると、レベルが変化します z-index
ざっくりとページ上に複数の写真を配置するようなもので、写真が異なる角度、異なる位置分布になっている場合は、重ね合わせとドラッグも実現するのが最善です。
マスターがアイデアを持っているかどうかはわかりません。どうやって始めればよいのかわかりません。
最初に解決するのは角度の問題です。 1) ブラウザのサポート 2) 回転 中心点
次に、重ね合わせとドラッグは座標に基づいて設定します。左上隅にある
コア機能は次のとおりです