首页前端开发HTML利用HTLM技术绘制圆形以及五角星

利用HTLM技术绘制圆形以及五角星

时间2024-05-20 03:16:03发布访客分类HTML浏览109
导读:利用MathML与SVG语言为重要工具,绘制图形。 MathML称为数学置标语言,是一种基于XML的标准,用于在互联网上书写数学符号和公式。SVG称为可缩放矢量图形,同样基于XML标准,是一种用于表示二维矢量图形的格式。在HTML4中,需要...

利用MathMLSVG语言为重要工具,绘制图形。

MathML称为数学置标语言,是一种基于XML的标准,用于在互联网上书写数学符号和公式。SVG称为可缩放矢量图形,同样基于XML标准,是一种用于表示二维矢量图形的格式。在HTML4中,需要使用特定的标签来显示MathMLSVG,如embedobject或者iframe,但在HTML5中,可以将MathMLSVG内嵌在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语法作为唯一一个能够在多平台(PCMaciPhoneiPadAndroidWindowsphone等)运行的语言,注定了其成为移动互联网时代的HTML标准。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: 利用HTLM技术绘制圆形以及五角星
本文地址: https://pptw.com/jishu/663871.html
HTLM5关注元素的布局,制作响应式网站 HTML5应用要点详知

游客 回复需填写必要信息