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

Question

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

我知道这可以用字体来完成(记住 cufon，在谷歌涡轮增压他们的网络字体之前就很好)，而且我不需要支持旧版本的浏览器，所以你有什么想法？你会怎样做呢？

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); 
}