【问题标题】:Drawing graphs with purely HTML5使用纯 HTML5 绘制图形
【发布时间】:2012-07-28 12:28:03
【问题描述】:

谁能指出我在 HTML5 中制作图表的任何资源?我通过谷歌看到的大部分资源都使用动画图表,我只想要一个简单的 HTML5 静态图表。还有一件事,我在图表方面真的很弱,所以一个简单易懂的解决方案会很有帮助。我将使用这个 XML 文件以图形格式显示数据。 US Canada Mortality

提前致谢:-)

【问题讨论】:

  • 这是做作业的吗?如果是这样,请添加homework 标签。
  • 我假设通过 HTML5 图表,你的意思是你想使用 <canvas> 元素,对吧?如果是这样,如果你想自己做,你真的应该只是在寻找有关在画布上绘图的教程。或者,如果您想要一揽子解决方案,也许:humblesoftware.com/flotr2
  • 是的,我想使用 元素。我会尝试使用它。

标签: css html html5-canvas


【解决方案1】:

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

不过,如果您只是在寻找标准条形图,则可以使用具有指定宽度、高度和背景颜色的 div 标记。这种方法避免了使用javascript。

【讨论】:

  • SVG 元素也适合用作不需要 Javascript 的绘图环境。对于动态解决方案,canvas 可以很好地与一些 AJAX 一起加载 XML。
  • 带有 XML 的画布?有可能吗?
  • 这是否是“纯 HTML5”取决于您对“HTML5”的定义。 W3C HTML5 草案只定义了canvas 元素并引用了Canvas API。所有的绘图都必须在 JavaScript 中完成,使用在草案之外定义的 API。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-12-16
  • 2015-04-24
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多