javascript 如何在画布上获得特定的图像？它的属性像x，y [关闭]

ee7vknir 于 12个月前发布在 Java

关注(0)|答案(1)|浏览(137)

**已关闭。**此问题需要debugging details。目前不接受回答。

编辑问题以包括desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem。这将帮助其他人回答问题。
2天前关闭。
Improve this question的
我想得到一个画布上的图像和它的x，y，因为它是画在画布上的随机位置每隔一定的时间。我有图像源，我不知道它是否可以帮助谢谢
我试过使用drawImage函数，但我实际上并不熟悉它，这对我来说真的很难

let ordrawimage = CanvasRenderingContext2D.prototype. drawImage;
CanvasRenderingContext2D.prototype.drawImage=function newDrawImage(image, sourceX, sourceY, sourceWidth, sourceHeight, targetX, targetY, targetWidth, targetHeight){
if (this.canvas.id === 'canvas') {
if ((image.src == 'https://agma.io/skins/objects/9_lo.png?v=2' || image.src == 'https://agma.io/skins/objects/9.png?v=2')) {
alert('coins detected');
}
}
    ordrawimage.apply(this,arguments)
}

字符串

JavaScript

来源：https://stackoverflow.com/questions/77467558/how-to-get-an-specific-image-on-the-canvas-and-the-attributes-of-it-likes-x-y

1条答案

按热度按时间

v1uwarro1#

我建议你检查this tutorial。基本上，你可以添加一个像这样的图像：

const c = document.getElementById("canvas");
const ctx = c.getContext("2d");

const img = new Image();
img.src = "https://i.ibb.co/nQ7cRPv/image.jpg"; // image url

img.onload = function() {
  ctx.drawImage(img, 10, 10, 200, 100); // 10,10 is the position, 200,100 is the size
};

个字符
希望这对你有帮助！

赞(0）回复(0）举报 11个月前

我来回答

javascript 如何在画布上获得特定的图像？它的属性像x，y [关闭]

1条答案

相关问题

热门标签

最新问答