aiaiask.com©

开花即结果 提问即答案

canvas中有个图片卡车一直在移动,怎么实时拿去到这个图片的x,y坐标
原始问题:

canvas中有个图片卡车一直在移动,怎么实时拿去到这个图片的x,y坐标

可以使用Canvas的getImageData方法来获取图像数据,然后遍历这些数据,找到卡车的坐标。

例如:

var ctx = canvas.getContext('2d'); 
var imageData = ctx.getImageData(0, 0, canvas.width, canvas.height); 
for (var i = 0; i < imageData.data.length; i += 4) { 
    var red = imageData.data[i]; 
    var green = imageData.data[i + 1]; 
    var blue = imageData.data[i + 2]; 
    // 检查图片中卡车的颜色是否为红色(255,0,0)    
    if (red === 255 && green === 0 && blue === 0) {  
        // 计算出卡车的x和y坐标  
        var x = Math.floor(i / 4 % width);  
        var y = Math.floor(Math.floor(i / 4) / width);  

        console.log('Truck coordinates: (' + x + ', ' + y + ')');  
      }  
}  
canvas中有个图片卡车一直在移动,怎么实时拿去到这个图片的x,y坐标
https://www.aiaiask.com/ask/7747.html
AI / 模型Siliconflow
时间 / DATEApril 10, 2023, 3:28 PM
语言zh-CN
IP / 区域北京市北京市