个人中心
文章发布
退出
作者热门文章
- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用？
- database - RESTful URI 是否应该公开数据库主键？
25
4
我一直在弄乱 html5 中的 canvas 元素，这是我经过一些试验后得到的结果
function canvasMove(e) {
var canvas = document.getElementById('game');
if(canvas.getContext) {
var draw = canvas.getContext('2d');
draw.fillStyle = 'rgba(0,0,0,0.5)';
draw.fillRect('10', '10', '100', '100');
var code;
if (!e) var e = window.event;
if (e.keyCode) code = e.keyCode;
else if (e.which) code = e.which;
var character = String.fromCharCode(code);
if(character == '&') { draw.translate(0, -10); }
if(character == '(') { draw.translate(0, 10); }
if(character == '%') { draw.translate(-10, 0); }
if(character == "'") { draw.translate(10, 0); }
}
}
它所做的是在您按下箭头键时移动矩形 [箭头键显示为 &、(、% 和 '，不确定这是否对每个人都一样，但这只是一个实验]。无论如何，我可以四处移动矩形，但它会留下某种残留物，因为它不会删除它以前的形式，所以我得到的是使用非常厚的刷子的非常基本的 eclipse 刻-n'-草图。
我想做的是能够删除以前的矩形形式，只留下新的翻译版本。
最重要的是，我想知道如何让它水平移动，比如通过同时向左和向上按。我知道我的代码可能不是很通用，但我们非常感谢任何帮助。
谢谢:)
最佳答案
我给你举了个例子。您的 HTML 必须调用我的 init() 函数。我用过:
<body onLoad="init()">
如果有任何问题，请告诉我
var canvas;
var draw;
var WIDTH;
var HEIGHT;
var x = 10;
var y = 10;
// in my html I have <body onLoad="init()">
function init() {
canvas = document.getElementById('game');
HEIGHT = canvas.height;
WIDTH = canvas.width;
draw = canvas.getContext('2d');
// every 30 milliseconds we redraw EVERYTHING.
setInterval(redraw, 30);
// canvas.keydown = canvasMove;
document.onkeydown = canvasMove;
}
//wipes the canvas context
function clear(c) {
c.clearRect(0, 0, WIDTH, HEIGHT);
}
//clears the canvas and draws the rectangle at the appropriate location
function redraw() {
clear(draw);
draw.fillStyle = 'rgba(0,0,0,0.5)';
draw.fillRect(x, y, '100', '100');
}
function canvasMove(e) {
if(e.keyCode == '38') { y -= 1; }
if(e.keyCode == '40') { y += 1; }
if(e.keyCode == '37') { x -= 1; }
if(e.keyCode == "39") { x += 1; }
}
关于javascript - HTML5 中的 Canvas : Removing Previous Rectangle，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3416724/
25
4
0
我正在使用 .remove() 方法删除一个 html 元素，同时对于这个元素，我有一个事件处理程序，但它没有被触发。为什么会这样呢？这是jsFiddle和代码:HTML Delete I'm goi
所以我尝试从另一篇文章中编写此代码: while(fscanf(orderFile," %49[^;];%d; %49[^\n]",fileName,&seconds,timeValue) == 3)
我正在阅读 Nicolai M.Josuttis 撰写的“The C++ STL. A Tutorial and References”一书，在专门介绍 STL 算法的一章中，作者陈述如下:如果你调用
是否有一种简单的机制来确定 DownloadManager remove() 何时完成，因为它看起来是部分异步的。该函数几乎立即返回下载表中已删除的条目计数，但实际的文件系统管理似乎被插入了某个后台线
我愿意: getActionBarToolbar().removeView(logoImage); getActionBarToolbar().addView(logoImage, lp); 我得到:
我有类(class)评论一对多关系。在类(class)表中有 id 和 title 列。在 Review 表中，有 id、comment 和 course_id，其中“course_id”作为指向类(
我在 stackoverflow 上阅读了不同的答案，了解如何销毁 wigdet/jQueryObject 并取消绑定(bind)其上的所有事件。 这就是我的想法。 $('选择器').remove()
我有一个由一个线程填充的 byte[] 列表，然后我有另一个线程正在从该列表中读取并通过网络发送项目。 每次我读取线程 2 中的项目时，我都想将其从内存中清除。但是因为我正在使用线程，如果我使用 .r
就算法而言，从连续数组中删除一组元素可以分两部分有效地完成。 将所有不删除的元素移到数组的前面。 将数组标记得更小。 这可以在 C++ 中使用 erase-remove 习惯用法来完成。 vector
我尝试删除包含在 map 中渲染的制造商的 View 。当我单击按钮时，事件 click .ver 被激活，但没有任何反应，并且我收到以下错误:Uncaught TypeError: undefine
场景: 使用 jQuery 2.0.1 构建的应用程序。 您的团队更喜欢原生 JavaScript。 选项有jQuery .remove()和 ChildNode.remove() . 您需要删除节点
最初我有一个像这样的删除功能: function ViewWorkflowDetail(btn, workflowId) { $("#workflowDetailPanel").remov
我正在编写 C++ 代码来解决 Leetcode 中的这个问题:https://leetcode.com/problems/remove-element/ Given an array nums an
根据太阳， "Iterator.remove is the only safe way to modify a collection during iteration; the behavior is
众所周知，从 std::vector 中完全删除所需项的一种好方法是 erase-remove idiom . 如以上链接中所述(截至本文发布日期)，在代码中，erase-remove 习惯用法如下所
我在 HashSet 上调用 Iterator.remove() 时遇到问题。 我有一组带有时间戳的对象。在将新项目添加到集合之前，我会遍历集合，识别该数据对象的旧版本并将其删除(在添加新对象之前)。
这段代码: Collection col = new ArrayList(); col.add("a"); col.add("b"); col.add("c");
我试图通过在下面输入来卸载 conda 环境基础， conda env remove -n base 正如我所建议的那样，我尝试通过使用来停用基地 conda deactivate base 我再次尝
我已经对我的 IOS 应用程序进行了质量扫描分析。我收到以下警告: The binary has Runpath Search Path (@rpath) set. In certain cases
这个问题已经有答案了: Properly removing an Integer from a List (8 个回答) 已关闭 4 年前。 我是java新手。看起来很简单，但我不明白为什么会发生这种
我是一名优秀的程序员,十分优秀！