teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

2022/01/20 23:15

投稿

Hayato1201
Hayato1201

スコア232

title CHANGED
File without changes
body CHANGED
@@ -33,13 +33,16 @@
33
33
  }
34
34
  ```
35
35
 
36
- 0. 上記の実装方法だと、マウスのドラッグを始めた位置から常に移動してしまうので現在の位置からドラッグで移動できる様にしたいです。しかしそこで分からないのは以下の様にx、yを基準に変更すると移動範囲が大きくなって吹っ飛んでいってしまいます。どうすれば修正できるでしょうか?
36
+ 0. ~~上記の実装方法だと、マウスのドラッグを始めた位置から常に移動してしまうので現在の位置からドラッグで移動できる様にしたいです。しかしそこで分からないのは以下の様にx、yを基準に変更すると移動範囲が大きくなって吹っ飛んでいってしまいます。どうすれば修正できるでしょうか?~~
37
37
  ```js
38
- x = x + e.offsetX - startX
38
+ x = x + e.offsetX - startX
39
39
  y = y + e.offsetY - startY
40
40
  ```
41
41
  2 . 以下画像青くなっている部分がcanvasですがドラッグして移動した際にimgの底辺がcanvasの底辺より上に行ってしまわない様にしたいです。これは底辺だけではなく画像が拡大後にドラッグされる想定なので全てのimgの辺がそれぞれのcanvasの変より内側にならない様にしたいです。この場合もどのように修正する事が可能でしょうか?
42
42
  ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-01-20/b2b417f7-bdb7-4601-baf9-31a94e97dd0b.png)
43
43
 
44
44
  少々文章だけでは伝わりづらいかもしれませんので不明点等ありましたら追記致します。
45
- 上記1,2どちらか片方だけでも良いのでご回答いただけると大変助かります。以上よろしくお願い致します。
45
+ 上記1,2どちらか片方だけでも良いのでご回答いただけると大変助かります。以上よろしくお願い致します。
46
+
47
+ -------------追記------------------
48
+ すみません上記1については移動後の位置を保持する事で解決できましたので2のみの質問と致します。