当你按下某个键以左键为例，修改一个全局量bLeftDown=true定时器中检测bLeftDown，当bLeftDown时，执行 x=1 操作，当你松开某个按键的时候，修改一个全局量bLeftDown=false这样就可以比较流畅的移动矩形了 我的；鼠标移动的矩形框上，显示定位坐标Canvas接口Canvas默认提供了简单图形绘制功能，如直线，矩形，圆弧，贝塞尔曲线等，通过。

canvas 元素用于在网页上绘制图形HTML5 的 canvas 元素使用 JavaScript 在网页上绘制2D图像在矩形区域的画布上，控制其每一像素，JavaScript 来绘制 2D图形，逐像素进行渲染可以通过多种方法使用canvas 元素绘制路径矩形；HTML5使用SVG绘制矩形的代码HTML5使用Canvas绘制矩形的代码CSScascading style sheets级联样式表中的选择器是什么？选择；lt！doctype htmllthtmlltheadltheadltbodyltcanvas id=quotcanvasquot width=quot500quot height=quot500quot style = quotborder1px solid redquotltcanvasltscriptvar rect=x100，y100，w40，h20定义要画的矩形的位置；Canvas由点开始，延长无数个点，得到线，延长线之后得到一个面三角形，圆形，矩形等等的图案面，然后给线或者面描边，上色CSS目前更像是小朋友的手工课，Canvas更像是用一支笔画图，不过画出来的图更加像能够控制大小。

很多情况下，Canvas 仅仅用作其他对象的容器，而没有任何可见属性如果满足以下任一条件，Canvas 即不可见Height 属性等于 0Width 属性等于 0Background 属性等于 nullNothingnullptrunitnull 引用在 Visual Basic 中。

canvas 提供的方法开绘制一些简单的形状 绘制矩形绘制基础矩形语法 工具箱rect 矩形起点 x 轴坐标， 矩形起点 y 轴坐标， 矩形；clearRect清除画布上的矩形区域这三个方法都能接受4个参数矩形的x坐标，矩形的y坐标，矩形的宽度，矩形的高度var。

lt！DOCTYPE html lthtml lthead lttitlelttitle lthead ltbody ltcanvas id=quotmyCanvasquot width=quot600quot height=quot600quot style=quotborder1px solid #000000quot 您的浏览器不支持 HTML5 canvas 标签ltcanvas lt；添加一个javascript用HTMl5 canvas的方法var canvasTest=documentgetElementById#39canvastest#39获取canvas元素var testcontext=canvasTestgetContext#392d#39使用javascript来创建你的画布，你可以使用矩形圆圈和三角形；ltcanvas id=”gameCanvas”ltcanvas ltbody lthtml 如果你载入以上代码，当然什么也不会出现那是因为虽然我们有一个canvas标签，但我们还没在上面绘制任何东西我们来添加一些简单的canvas命令来绘制小箱子吧lt；在这里插入图片描述canvas基本使用Canvas是HTML5提供的强大绘图工具，允许通过JavaScript在网页上绘制各种图形图像和动画。