利用HTLM技术绘制圆形以及五角星
导读:利用MathML与SVG语言为重要工具,绘制图形。 MathML称为数学置标语言,是一种基于XML的标准,用于在互联网上书写数学符号和公式。SVG称为可缩放矢量图形,同样基于XML标准,是一种用于表示二维矢量图形的格式。在HTML4中,需要...
利用MathML与SVG语言为重要工具,绘制图形。
MathML称为数学置标语言,是一种基于XML的标准,用于在互联网上书写数学符号和公式。SVG称为可缩放矢量图形,同样基于XML标准,是一种用于表示二维矢量图形的格式。在HTML4中,需要使用特定的标签来显示MathML和SVG,如embed、object或者iframe,但在HTML5中,可以将MathML和SVG内嵌在HTML文档中,完成相同功能。比如在HTML5中使用SVG元素绘制的圆如下所示:
绘制圆形的代码:
<svg style="height: 200px; ">
< circle r="80" cx="100" cy="100" fill="blue"/>
< /svg>
绘制五角星的代码:
<svg height="190">
<polygon points="100,10 40,180 190,60 10,60 160,180" style="fill:#bcfafd; stroke:blue; stroke-width:3; fill-rule:evenodd; " />
</svg>
现今伴随着网络宽带和电脑配件的大幅度改善和增强,互联网未来的发展方向,注定了要适应大家日益强烈的用户体验。而HTML5语法作为唯一一个能够在多平台(PC、Mac、iPhone、iPad、Android、Windows、phone等)运行的语言,注定了其成为移动互联网时代的HTML标准。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: 利用HTLM技术绘制圆形以及五角星
本文地址: https://pptw.com/jishu/663871.html