Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/arduino/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 网页中的非画布图形_Javascript_Html_Canvas - Fatal编程技术网

Javascript 网页中的非画布图形

Javascript 网页中的非画布图形,javascript,html,canvas,Javascript,Html,Canvas,我是web开发的新手,我想知道一些关于使用JavaScript(不是Flash或其他插件)进行图形渲染的事情。例如,是否可以在网页内呈现任意图形(如直线、曲线、文本、图像等),而不使用仅在HTML5中找到的画布功能?我问这个问题是因为我相信我看到过谷歌在HTML5出现之前,在他们的主页上为他们的一个标志增强功能显示交互式图形,以纪念特别的周年纪念日等等,而现在的浏览器甚至不支持HTML5。我还记得90年代在网页上看到的纯JavaScript动画 因此: 1) 使用纯JavaScript可以呈现这

我是web开发的新手,我想知道一些关于使用JavaScript(不是Flash或其他插件)进行图形渲染的事情。例如,是否可以在网页内呈现任意图形(如直线、曲线、文本、图像等),而不使用仅在HTML5中找到的画布功能?我问这个问题是因为我相信我看到过谷歌在HTML5出现之前,在他们的主页上为他们的一个标志增强功能显示交互式图形,以纪念特别的周年纪念日等等,而现在的浏览器甚至不支持HTML5。我还记得90年代在网页上看到的纯JavaScript动画

因此:

1) 使用纯JavaScript可以呈现这样的图形吗? 2) 如果是,正在使用哪些API或库? 3) 可以用任意图形装饰标准HTML控件吗

我试图确定基于web的UI中可能出现的情况的界限

例如,是否可以在网页内呈现任意图形(如直线、曲线、文本、图像等),而不使用仅在HTML5中找到的画布功能

对。看一看SVG,它从。。。1992年左右

网上有很多文档和教程

我问这个问题是因为我相信我看到过谷歌在HTML5出现之前,在他们的主页上为他们的一个标志增强功能显示交互式图形,以纪念特别的周年纪念日等等,而现在的浏览器甚至不支持HTML5


您看到了SVG,谷歌过去在谷歌涂鸦中使用过SVG,现在仍在使用SVG制作各种东西(某些平台上的谷歌地图部分)。

查看这些“老”示例的源代码,了解它们是如何工作的!好主意,但我不知道还有什么可以访问的!谢谢你,西蒙。我知道我所看到的一些东西可能是用SVG完成的,但我并不完全相信它能解释一切。我记得在90年代打开一个网页时,看到一个由七个弹跳球组成的动画在整个网页上飞来飞去(也就是说,不局限于SVG元素),当时,我记得该网页上说动画是用纯JavaScript制作的。这是怎么做到的?我是否可以使用JavaScript在页面本身的任何位置绘制图形,例如在标准元素的顶部或周围?@FelixBanbrick可能是使用JavaScript在页面上移动图像。所以动画是用JS制作的,但图像不是这样。@Mathletics几乎肯定就在这里。从永远以来,开发人员就一直在用动态DOM元素(SVG或非SVG)骚扰用户。对,所以使用JavaScript我可以在页面上移动图像,但在SVG或HTML5画布等专门元素之外,没有实际的方法来呈现任意图形?你能确认吗?@FelixBanbrick正确,你不能单独用JS创建任意图形。