我可以在JavaScript中嵌入SVG吗？

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

---

我知道这可以通过字体来实现（记住cufon，在google turbo向他们的webfonts收费之前相当不错），而且我不需要支持传统版本的浏览器，那么你的想法是什么？您将如何执行此操作？

显然，通过添加具有正确内容的svg标记，您可以将

svg

图像直接嵌入HTML中。 因此，使用

document.createElement

从Javascript或JQuery中插入这样的元素应该是合理的

[编辑]

---

在搜索示例时，我发现这表明需要做更多的工作，因为涉及到名称空间。

是的，您可以将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); 
}

....
$（函数（）{
var div=$（“样本”）；
svg（）；
var svg=div.svg（'get'）；
load（'chart.svg'）；
setInterval（函数（）{
绘制（svg，div.width（））；
}, 1000);
});
函数图（svg，w）{
svg.circle（Math.random（）*w，
Math.random（）*w，
Math.random（）*（w*.10）+10）；
}

我认为SVG是XML（所以是纯文本，而不是二进制）。我不知道这是否有帮助，但也许有帮助……我认为您需要更具体地回答您试图回答的技术问题。看起来我们在这里讨论了一些问题，但是我可以将svg嵌入javascript而不是HTML吗？这个答案会有点效果，但我必须使用jquery.svg的语法重新创建我的所有图形！（我想，我还没有真正研究jquery.svg.js。请纠正我！）。将AdobeIllustratorSVG嵌入html将导致大量代码块。我想让HTML尽可能轻，让API完成所有繁重的工作。是的，你可以用这个库加载完整的svg文件，

svg.load（svgfile）

，在我开始之前，你是说我的API看起来像这样：//App V1.0 Copywrite 2013 me**Jquery minifed code**//这里是一个矢量图形：对不起，评论中不支持新行，但你明白我的意思吗？对不起，我不太明白。是否要在代码中加载嵌入到另一个标记中的svg代码？