Javascript 将图形画布变量（框）绑定到用户输入。这样的举动

尝试在画布中完成图形元素的简单操作

这是js

function init()
{
    var canvas=document.getElementById("canvas");
    if(canvas.getContext)
    {
        var ctx = canvas.getContext("2d");
        var box = ctx.fillStyle="#F90";
        ctx.fillRect (75, 10, 50, 50);
        ctx.shadowBlur=5;
        ctx.shadowColor="#f30";
        ctx.shadowOffsetX=3;
        ctx.shadowOffsetY=3;
    }
}

当然，在html方面，我有

<canvas id="canvas" width="600" height="250"></canvas>

如果我理解正确…我可能无法移动箱子…但必须从之前的每次移动中“清除”它。尽管如此，我如何将var框与鼠标事件或箭头（后退和前进）联系起来呢？&只是想知道为什么没有阴影，当查看代码时，它应该在那里

多谢各位

---

D

阴影参数应用于图形命令之后的上。 如果在设置阴影参数后移动

fillRect

调用，效果应该是可见的

关于移动箱子，请考虑帆布像一个图片对象…只需从javascript代码中绘制像素，而无需从web服务器加载

---

要制作动画，您确实需要清除画布并重新绘制其中的下一帧。。。但是，canvas元素和其他元素一样，只是一个DOM元素，因此您可以使用javascript代码移动它，而无需重新绘制其内容。

感谢您的帮助13.4k，我不想占用您太多时间。你能给我指一个教程，帮助我学习如何在w/js中移动它吗？我在谷歌上搜索了一系列内容，但到目前为止还没有找到我想要的内容。@pdxDaniela:事实上，我还没有找到一本关于canvas的深入教程。。。我从一开始就有，但我学到的大部分是直接的实验。关于Javascript，我买了一本关于jQuery的书，但事实上，即使使用这种语言，我的经验也主要来自编写大量玩具和使用chrome js控制台，因此我无法给出任何好的指针。顺便说一下，我的尼克是另一个号码（6502），不是13.4k。。。这就是我的堆栈溢出声誉：-）Opps。很抱歉谢谢你6502！回到书本/图库并查看代码。祝你周末愉快