面试题 / 前端面试题 / html5面试题 / cavas与svg

如何使用canvas和html5中的svg去画一个矩形？

日期：2016-06-13 13:30:31 点击：2750 好评：0

HTML5使用Canvas绘制矩形的代码 var c=document.getElementById(mycanvas); var ctx=c.getContext(2d); ctx.rect(20,20,150,100); ctx.stroke();...

如何使用Canvas和HTML5中的SVG去画一个矩形？

日期：2016-06-13 13:29:47 点击：2182 好评：0

HTML5使用SVG绘制矩形的代码 svg xmlns=http://www.w3.org/2000/svg version=1.1 rect style=fill: rgb(0, 0, 255); stroke-width: 1px; stroke: rgb(0, 0, 0); height=[object SVGAnimatedLength] width=[object SVGAnimatedLength] /rect...

Canvas和SVG图形的区别是什么？

日期：2016-06-13 13:27:52 点击：4976 好评：0

Note：-如果你看了之前的两个的问题，Canvas和SVG都可以在浏览器上绘制图形。因此在这个问题中，面试官想知道你在什么时候选用哪种方式。...

我们如何使用Canvas来画一条简单的线？

日期：2016-06-13 13:22:46 点击：2506 好评：0

定义Canvas区域获取访问canvas上下文区域绘制图形定义Canvas区域定义Canvas区域你需要使用下面的HTML代码，这定义了你能进行绘图的区域 canvas id=mycanvas width=600 height=500 style=border:1px sol...

HTML5中canvas是什么？

日期：2016-06-13 13:22:14 点击：3907 好评：0

Canvas是HTML中你可以绘制图形的区域...

我们能看到使用HTML5的SVG的简单例子么？

日期：2016-06-13 13:20:24 点击：6222 好评：0

比方说，我们希望使用HTML5SVG去显示以下简单的线条下面是HTML5代码 svg id=svgelem height=[object SVGAnimatedLength] xmlns=http://www.w3.org/2000/svg line style=stroke: rgb(255, 0, 0); stroke-width: 2px; y2=[object SVGA...

什么是SVG（Scalable Vector Graphics可缩放矢量图形）

日期：2016-06-13 13:19:42 点击：2053 好评：0

SVG（ScalableVectorGraphics可缩放矢量图形）表示可缩放矢量图形。他是基于文本的图形语言，使用文本，线条，点等来进行图像绘制，这使得他轻便，显示更加迅速...