dx arrowdrawcontext ltscript ltbodylthtmlvar canvas=documentgetElementById“canvas”即将变量 canvas 作为对 html5 canvas标签id为’canvas’ 的引用context=canvasgetContext‘2d’获取canvas该对象后，可在其上进行图形绘制。

lthtml ltheadlthead ltbody ltcanvas id=quotcanvasquot width=quot500quot height=quot500quot style = quotborder1px solid redquotltcanvas ltscript var rect=x100，y100，w40，h20定义要画的矩形的位置属性 var canvas=documentgetElementById#39canvas#39var cxt=canvasgetContext#392d#39。

html5鼠标悬停字体从下移到上移，需要配合鼠标甚至功能键来操作的，如果字体从下一道单一，我们只需要把鼠标中间的滑轮整体把他按下，然后不放手，慢慢的移动鼠标从下移到上移，在移动的过程中，我们需要有一定，鼠标操作技巧，如果是操作不当，在移动的过程中都会发生停止，而导致重新操作的情况，我们。

要同时显示就要同时触发动画，可以在HTML上把这3个box组织在一处，放在同一个父容器里，再用CSS同时触发示例ltdiv class=quotfatherquotltdiv class=quotbox1quot05sltdivltdiv class=quotbox2quot1sltdivltdiv class=quotbox3quot2sltdivltdiv同时触发的CSSfatherhover box1 * box1动画。

lt！DOCTYPE htmllthtmllthead ltmeta charset=quotutf8quot ltheadltbodyltcanvas id=quotmyCanvasquot width=quot200quot height=quot100quot style=quotborder1px solid #000000quot您的浏览器不支持 HTML5 canvas 标签ltcanvasltcanvas id=quotmyCanvas2quot width=quot300quot height=quot200quot style=quotborder1px solid。

clear移动层#39#eventCanvas#39mouseupfunctione ifoptsdragAll else moveMapContextclearRect0， 0， 1100， 630 draging = false 小结功能原理都很简单，但能熟悉canvas的一些属性和方法canvas层是可以重叠到一起的，这样就可以在不同的层画不同的内容。