用纯HTML5绘制图形

4
有没有资源可以帮助我在HTML5中制作图形?我在谷歌上找到的大多数资源都使用动画图表,但我只想要一个简单的静态图形。另外,我对绘图不是很熟悉,所以需要一种简单易懂的解决方案。我将使用此XML文件以图形方式显示数据。美国加拿大死亡率。谢谢!

1
这是作业吗?如果是,请添加“homework”标签。 - TheZ
我猜你说的HTML5图形是指想要使用<canvas>元素,对吗?如果是这样,如果你想要自己去实现,你应该去寻找一些有关绘制到画布的教程。或者,如果你想要一个完整的解决方案,也许可以考虑这个链接:http://www.humblesoftware.com/flotr2/ - TheZ
是的,我想使用<canvas>元素。我会尝试使用它。 - unknownsatan
1个回答

3

请查看新的canvas标签。它允许您使用JavaScript绘制包括矩形和圆形在内的形状。 Canvas教程

如果您只想要一个标准的条形图,可以使用div标签,并指定宽度、高度和背景色。这种方法避免了使用JavaScript。


SVG元素也适合作为不需要Javascript的绘图环境。对于动态解决方案,Canvas结合一些AJAX来加载XML会很好。 - TheZ
Canvas和XML结合使用,这是可能的吗? - unknownsatan
1
这是否是“纯HTML5”取决于您对“HTML5”的定义。W3C HTML5草案仅定义了canvas元素并引用了Canvas API。所有绘图都必须使用JavaScript在该API中完成,该API在草案之外定义。 - Jukka K. Korpela

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接