Next, to implement drag and drop, w

Next, to implement drag and drop, we’re going to maintain a list of draggable objects simply by recording their x and y positions. We’ll use the touchmove event as before, and update the list as necessary whenever this event is detected. We show how to do this with one object first, and then we’ll look at multiple objects where things get a little trickier.

First, in our init function we’ll define the initial position of our draggable object, along with its width and height. We will also attach an event handler function to our draggable object, for the touchmove event. When this event occurs, we’ll call a touch-detection function to determine if the touch was close enough to our object. If it is, then we’ll update the object with the coordinate of the touch, and redraw the canvas.

Kết quả (Việt) 1:

Tiếp theo, để thực hiện kéo và thả, chúng ta phải duy trì một danh sách các đối tượng kéo chỉ đơn giản bằng cách ghi âm của x và y vị trí. Chúng tôi sẽ sử dụng các sự kiện touchmove như trước, và cập nhật danh sách như là cần thiết khi sự kiện này được phát hiện. Chúng tôi cho thấy làm thế nào để làm điều này với một đối tượng đầu tiên, và sau đó chúng tôi sẽ xem xét nhiều đối tượng mà những thứ nhận được một chút trickier.Đầu tiên, các chức năng init của chúng tôi, chúng tôi sẽ xác định vị trí ban đầu của các đối tượng kéo chúng tôi, cùng với chiều rộng và chiều cao của nó. Chúng tôi cũng sẽ đính kèm một chức năng xử lý sự kiện cho các đối tượng kéo chúng tôi, cho các sự kiện touchmove. Khi sự kiện này xảy ra, chúng tôi sẽ gọi một chức năng phát hiện liên lạc để xác định nếu các liên lạc đã được gần đủ để đối tượng của chúng tôi. Nếu có, sau đó chúng tôi sẽ cập nhật các đối tượng với sự phối hợp của các liên lạc, và vẽ lại vải.

Kết quả (Việt) 2:

Tiếp theo, thực hiện kéo và thả, chúng ta sẽ duy trì một danh sách các đối tượng có khả năng kéo chỉ đơn giản bằng cách ghi lại x và vị trí y. Chúng tôi sẽ sử dụng sự kiện touchmove như trước, và cập nhật danh sách cần thiết khi sự kiện này được phát hiện. Chúng tôi cho thấy làm thế nào để làm điều này với một đối tượng đầu tiên, và sau đó chúng ta sẽ xem xét nhiều đối tượng nơi mà mọi thứ có được một ít phức tạp hơn.

Đầu tiên, trong hàm init của chúng tôi, chúng tôi sẽ xác định vị trí ban đầu của đối tượng có khả năng kéo của chúng tôi, cùng với chiều rộng của nó và Chiều cao. Chúng tôi cũng sẽ đính kèm một chức năng xử lý sự kiện cho đối tượng có khả năng kéo của chúng tôi, cho các sự kiện touchmove. Khi sự kiện này xảy ra, chúng ta sẽ gọi một chức năng cảm ứng phát hiện để xác định xem các liên lạc là đủ gần để đối tượng của chúng tôi. Nếu có, sau đó chúng tôi sẽ cập nhật các đối tượng với sự phối hợp của các liên lạc, và vẽ lại bức tranh.