JavaScript - 画像をキャンバスにドラッグします
phpcn_u1582
phpcn_u1582 2017-06-14 10:52:41
0
2
898

誰かこの効果を手伝ってくれませんか?右側の画像をキャンバスにドラッグして編集できます。これはどのように実現されていますか?詳しく説明してもらえますか?至急

phpcn_u1582
phpcn_u1582

全員に返信(2)
大家讲道理

ドラッグしてドラッグ アンド ドロップ API を見てください。

写真の編集について、このサイトを見てみると、いわゆる「キャンバス」というのはキャンバスではなく、普通のPレイヤーのことだと分かりました。実際、これは私が自分で実装した単純な画像エディターとほぼ同じです。アイデアは次のとおりです:

  1. 操作の対象は写真(img)です

  2. ズームインや回転など、すべての操作を記録する必要があります

  3. 画像を出力したい場合は、上記のすべての画像を順番にアニメーション化し、キャンバスに描画して、画像を保存することができます

  4. HTMLを出力する場合は、上記のすべての画像の各操作をCSSスタイルにマッピングするだけです

いいねを押す +0
Peter_Zhu

ドラッグアンドドロップの場合は、ターゲットオブジェクトとソースオブジェクトのイベント処理を備えたドラッグアンドドロップAPIを使用しますが、編集の意味がわかりません

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート