javascript - 我可以在 JavaScript 中嵌入 svgs 吗？

Question

我用自己的矢量图形创建了一个相当专业的 JavaScript 应用程序。我想托管我自己的可热链接 API 来补充此应用程序，并且认为如果我可以将矢量图形直接嵌入到 API 中，那将非常整洁。

我知道这可以用字体来完成(记住 cufon，在 google turbo 对他们的 webfonts 进行充电之前非常好)，而且我不需要支持旧版本的浏览器，那么你有什么想法？你会怎么做？

Answer 1

是的，您可以使用现在标准的 <svg> 将 SVG 嵌入到您的 HTML 中标签。

不仅如此，您还可以从 javascript 操作 svg。我使用 jquery.svg 库。使用起来既简单又有趣。

试试这个...

<script type="text/javascript" src="jquery.svg.js"></script>
....

$(function() {
  var div=$("#sample");
  div.svg();
  var svg = div.svg('get');
  svg.load('chart.svg');
  setInterval(function () {
    draw(svg,div.width());
  }, 1000);
});

function draw(svg,w) {
  svg.circle(Math.random()*w, 
             Math.random()*w, 
             Math.random()*(w*.10)+10); 
}