Question

我打算开发一个可在浏览器中运行的可滚动/实时/动画线图（使用HTML5）。它将被集成到一个应用程序中，它可以执行一些计算密集型操作（DSP），因此我需要图形/动画快速且开销最小。我在Silverlight中创建了这样一个应用程序，但由于支持这一点的平台数量有限，我认为我最好专注于HTML5，假设它足够快。

- 关于canvas / svg是否更合适的任何建议，或者我是否会看到一些现有的库/应用程序？

- 任何特定于平台的注意事项（特别是移动设备/平板电脑的使用）？

谢谢！

Answer 1

SVG将是最简单的编码 - 基本上只需在标记中创建行并使用对象或iframe打开折线图

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">

<line x1="0" y1="0" x2="300" y2="300"
style="stroke:rgb(99,99,99);stroke-width:2"/>

</svg>

计算密集的东西可以在服务器上完成，样式可以用类来处理，就像html中的样式一样。

SVG的限制在浏览器对动画标签的支持中。并且SVG尚未完全支持内联HTML，因此您需要将其视为图像。

Canvas要求您使用Javascript绘制线条。再一次，计算密集的东西可以在服务器上完成，而Javascript只需要绘制。但是使用画布可能需要更多时间。

你也可以在SVG中使用脚本，例如：http://www.carto.net/papers/svg/manipulating_svg_with_dom_ecmascript/

为基于HTML5的动画线图设计建议

1 个答案: