Question

我有这个简单的射击帆布游戏，运行得很好。但我的问题是我希望图像进行拍摄而不是蓝色矩形？那么我怎么能让我的图像移动并拍摄下来的橙色矩形？

这是我的代码：

function initCanvas(){
var ctx = document.getElementById('my_canvas').getContext('2d');
var img = document.getElementById("nave");
var myImage = new Image();
myImage.src = "pic.gif";
ctx.drawImage(myImage,10,10);
var cW = ctx.canvas.width, cH = ctx.canvas.height;

Answer 1

所以看起来你已经拥有了这张图片：

SELECT Baseline.ResourceGroup, Baseline.TotalUnits, Actual.TotalUnits 
INNER JOIN Baseline.ResourceGroup = Actual.ResourceGroup
GROUP BY ResourceGroup;

现在你只需要在渲染函数的新位置重绘图像...所以不使用20,20的固定位置，而是使用基于变量的位置：

var myImage = new Image();
myImage.src = "pic.gif";

如何在画布上移动图像？

1 个答案: