2

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

我知道它可以用字体来完成（记住 cufon，在谷歌涡轮增压他们的网络字体之前非常好），而且我不需要支持旧版本的浏览器，那么你的想法是什么？你会怎么做呢？

4

2 回答 2

2

<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); 
}
于 2013-08-01T16:04:32.357 回答
1

显然，您可以svg通过添加具有正确内容的 svg 标记将图像直接嵌入 HTML。因此，从 Javascript 或 JQuery 以及使用document.createElement.

[编辑] 在搜索示例时，我发现另一个问题表明需要完成更多工作，因为涉及到名称空间。

于 2013-08-01T15:03:56.297 回答