来源：https://developer.mozilla.org/en/Drawing_Graphics_with_CanvasMost of this content (but not the documentation on drawWindow) has been rolled into the more expansive Canvas tutorial, this page should probably be redi

来源：https://developer.mozilla.org/en/Canvas_tutorial/Basic_animationsSince we're using script to control canvas elements it's also very easy to make (interactive) animations. Unfortunately the canvas element was never

来源：https://developer.mozilla.org/en/Canvas_tutorial/CompositingIn all of our previous examples, shapes were always drawn one on top of the other. This is more than adequate for most situations. This, for instance, lim

来源：https://developer.mozilla.org/en/Canvas_tutorial%3aTransformationsSaving and restoring stateBefore we look at the transformation methods, I'll introduce two other methods which are indispensable once you start gene

原文：https://developer.mozilla.org/en/Canvas_tutorial/Applying_styles_and_colorsIn the chapter about drawing shapes I used only the default line and fill styles. In this chapter we will explore all the canvas options we

原文：http://developer.mozilla.org/en/Canvas_tutorial/Drawing_shapesThe grid在我们开始绘制图形前，我们先探讨一下canvas中的网格及坐标空间。在前一篇教程中，我们定义了一个150*150的canvas区域，并在该区域绘制了一个图形。在can

原文：https://developer.mozilla.org/en/Canvas_tutorial/Using_imagesCanvas另一大运用就是可以对图片进行二次创作或修改。貌似这个是目前唯一一个办法可以动态的往图片上加字的方法^o^。图片的格式可以是任意一种Gecko浏览器支持的格式

原文：http://developer.mozilla.org/en/Canvas_tutorial/Basic_usage好，现在开始我们的canvas探究之旅……canvas id="tutorial" width="150" height="150"/canvas乍看上去，该标签类似于img，不过它不支持src和alt属性，canvas标签仅仅

原文：http://developer.mozilla.org/En/Canvas_tutorialcanvas是一个可以用JS脚本来作画的HTML标记，用它来可以做些简单的绘图、图片变换或者动画等等。canvas标记最早是被Mac OS X Dashboard及其后的Safari浏览器引入，如今，基于Geoko

svg width="800" height="800" script![CDATA[ var SVGDocument = null; var SVGRoot = null; var TrueCoords = null; var Point = null; var BackDrop = null; var DragTarget = null; var dArray = new Array(12);//定义path d属性的

这是第一个实例,其中讲了如何新建svg,添加元素,保存svg document,查看svg.下面将附上常用一些元素的添加方法:(为js的,但基本上跟java中操作一样,就是类名有点细微差别)Circlevar svgns = "http://www.w3.org/2000/svg";function makeShap

desc/desc 注释!-- --defs/defs 预定义 待引用 element id="name" 引用属性：url(#name)use xlink:href/use 引用元素 symbol 模版image width height width height不能省属性 xml:space="default|preserve" 英文空格属性 externa

svg文件内容如下：（说明：用的不是adobe的SVG，不支持内嵌javascript） +展开-XML?xmlversion="1.0"encoding="UTF-8"?>svgxmlns="http://www.w3.org/2000/svg"xmlns:xlink="http://www.w3.org/1999/xlink"xmlns:go="http://purl.org/svg