7
Làm cách nào để ràng buộc di chuột qua hoặc bất kỳ sự kiện nào cho vấn đề đó với đối tượng được vẽ trên canvas? Ví dụ: Tôi đã thử điều này:Sự kiện di chuột qua canvas HTML5
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
//STEP ONE
var stepOneRec = ctx.rect(20, 60, 266, 50);
ctx.stroke();
stepOneRec.addEventListener("mouseover", function() { alert('it works!'); });
Trên một trang web tôi đã xem nó cho thấy phương pháp sử dụng Kinetic.js. Nếu đó là cách duy nhất, tôi sẽ sử dụng nó, tôi chỉ giả định rằng có một cách để liên kết các sự kiện với các phần tử được vẽ mà không cần thêm các trình cắm thêm. Xin lỗi Canvas noob. Tôi đã thực hiện một fiddle với mã của tôi ở đây: http://jsfiddle.net/jyBSZ/2/
Ohh! Tôi đã ở trên trang web này (http://hakim.se/experiments/html5/blob/03/) và tôi đã cố gắng xem cách anh ta xử lý các sự kiện chuột của mình, tôi đoán nó chỉ thông qua corrdinartes. – user2287474
@ user2287474 Anh ấy đã giảm thiểu mã chính của mình, điều này khiến cho việc này khó thực sự. Bên trong js/blob.min.js, tôi có thể thấy rằng hầu hết các chức năng của anh ta để xử lý các sự kiện là đầu tiên, nhưng nó quá khó để diễn giải tốt. (Tôi thấy mọi thứ nhìn vào bàn phím bấm và các sự kiện liên lạc). Ông đã tạo ra các đối tượng để giữ thông tin hiển thị, nhưng ở đâu đó trong đó, ông đã hiển thị tất cả các đối tượng trên mỗi hoạt ảnh. –
Tôi nghĩ anh ấy có nghĩa là sự kiện mousemove. Sử dụng sự kiện mousemove để theo dõi vị trí, sau đó là câu lệnh có điều kiện để "làm điều gì đó" khi nó đến trong khu vực của đối tượng. –