SVG
在MathML公式的右侧，你可以看到用来公式所生成的SVG图形。让宁波网站建设再次回到图的圆形范例，来看看代码清单中的SVG代码。
圆形的SVG
〈svgwidth=_’l00"height="l00’_〉
〈circlecx="50"cy="50"r=”45"
fill="none"stroke="black"/〉
〈pathd="M50h45”
stroke="black"stroke-dasharray=""/〉
〈/svg〉
SVG区块以〈svg〉开始，以〈/svg〉结束。与MathML不同，〈svg〉标签还指定了图形的宽与高，以在HTML页面上预留空间。圆形以circle元素表示，其圆心为cx/cy,半径为r,属性fill及stroke决定了它的外观。
用来表示半径的虚线由path元素创建，属性d决定了它的几何数值。与canvas元素类似，SVG不仅允许直线，还可以使用开放或闭合的曲线绘制例如多边形这类复杂图形。D属性中使用几何指令，以数字表示坐标，以字母缩写来表示路径类型：因此d="M50h45"表示移动至坐标点50并向右绘制一条长度为45的水平线。
正方形及矩形的例子演示了另一些符号。大写字母代表绝对运动，小写字母代表相对运动。正方形的对角线创建公式为d=”M10L90"。这意味着移动至坐标10并绘制一条到坐标90的直线。矩形对角线创建公式为d="M-75"，意思是移动至坐标0,并向右偏移90像素、上偏移75像素的位置绘制一条直线。
圆形的半径虚线及正方形和矩形的对角线都通过属性stroke-dasharray创建。该属性不幸地被Canvas规范遗漏了。其属性值决定在绘制过程中，绘制线条与插入空白各持续多长距离。这两种绘制方式不断交替重复，直到线条绘制完成。对于一些更为复杂的图案，我们可以输人任意数董的以逗号分隔开的值。
最后但并不是最不重要的，正方形及矩形这两个几何图形都是通过一个带x,y,宽度及髙度属性的rect元素来表示。现在，我们已经讲完了之前几个图形的SVG代码中出现过的所有元素及属性——当然，这只是冰山一角，而且只是冰山中最小的一角，MathML同样如此。我们还没谈到所有其他的几何形状及其强大的路径绘制方法，还有文本排版、转换、自由定义的坐标系、滤镜、渐变、符号、遮罩、辜制、合成、剪切、脚本、样式，以及动画。
若想深人了解SVG,你应当找本SVG的书籍进行研究。下列链接也有助于你开始SVG的探索之旅。
在SVG面世10年之后，随着IE9的诞生，终于所有浏览器都提供了原生的SVG支持。我们希望MathML也能最终得到广泛的浏览器支持，MathML在HTML5规范中有着重要价值，例如配合SVG进行绘图。作为新Web平台的必要组成部分，MathML以及特别是SVG,必将在未来发挥更重要的作用。
GeolocationAPI目前已从HTML5规范的核心内容中剔除，按照W3C的说法，它尚处于“早期阶段”，但它其实早已被广泛使用，尤其是在移动浏览器中。获得广泛应用的一个主要原因是其接口非常简洁，仅需要3个JavaScript脚本便可覆盖所有函数。规范并未规定浏览器应如何确定位置，仅确定了其输出结果的格式。
本文地址：
http://www.njanyou.cn/web/205.html
Tag：
SVG 网站制作
专业服务：
南京网站制作,
南京网站制作公司,
南京网站建设公司
联系电话：025-65016872
上一篇：
内页优化实用方法
下一篇：
PHP中设置时区方法
