如何显式绘制svg视图坐标

时间:2016-08-04 18:35:19

标签: javascript css ember.js viewbox

我有一个svg viewbox元素来绘制波形,如下所示:

<svg id="waveform" viewBox="0 -1 2000 2" preserveAspectRatio="none">
  <g id="waveform">
    <path id="waveform1" d="{{some data}}"/>
  </g>
</svg>

按预期绘制波形。但是它没有给我视图框的x和y标签,有没有其他方法可以在网页上添加viewbox的x和y标签?

1 个答案:

答案 0 :(得分:0)

你的svg呈现单一路径,即波形。如果要绘制标记的轴,则需要渲染它们。例如,使用标记的轴检查这些SVG图的来源:http://www.goat1000.com/svggraph-titles.php。您可能希望使用库来执行此操作。

svg元素不是“智能”图形小部件,它是一个普通的画布。

viewbox元素上的svg属性设置绘制svg内容的坐标系(其内部尺寸,而不是渲染时的实际像素尺寸)。 / p>