我有一个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标签?
答案 0 :(得分:0)
你的svg呈现单一路径,即波形。如果要绘制标记的轴,则需要渲染它们。例如,使用标记的轴检查这些SVG图的来源:http://www.goat1000.com/svggraph-titles.php。您可能希望使用库来执行此操作。
svg
元素不是“智能”图形小部件,它是一个普通的画布。
viewbox
元素上的svg
属性设置绘制svg内容的坐标系(其内部尺寸,而不是渲染时的实际像素尺寸)。 / p>