Javascript 是否可以在SVG中使用Snap?

Javascript 是否可以在SVG中使用Snap?,javascript,svg,snap.svg,Javascript,Svg,Snap.svg,我在上学习教程,并试图将所有内容都放在svg中,但js部分使用Snap,无法工作 我试过了 var s=Snaprobot; var leftpould=s。选择左瞳孔; 左瞳孔{ 填充:绿色 }; 左瞳孔{ r:50, 填充:浅绿色 }, 1000; 您需要在一个单独的标记中导入SnapSVG库,该标记与您定义自己代码的标记不同。因此,请尝试关闭第一个标记,然后为您的代码打开一个新标记,即: <script src="https://cdnjs.cloudflare.com/ajax/

我在上学习教程,并试图将所有内容都放在svg中,但js部分使用Snap,无法工作

我试过了

var s=Snaprobot; var leftpould=s。选择左瞳孔; 左瞳孔{ 填充:绿色 }; 左瞳孔{ r:50, 填充:浅绿色 }, 1000;
您需要在一个单独的标记中导入SnapSVG库,该标记与您定义自己代码的标记不同。因此,请尝试关闭第一个标记,然后为您的代码打开一个新标记,即:

<script src="https://cdnjs.cloudflare.com/ajax/libs/snap.svg/0.5.1/snap.svg-min.js"></script>
<script>
    // your JS code
</script>
元素中的标记来自SVG名称空间,如果遵循SVG 1.1而不是src,则使用href属性或xlink:href。此外,正如johnheroy所说,注意为每个脚本使用单独的元素

<svg id="robot" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" ...>
<script xlink:href="https://cdnjs.cloudflare.com/ajax/libs/snap.svg/0.5.1/snap.svg-min.js" />
<!-- grafic content -->
<script>
var s = Snap("#robot");
//...
</script>
</svg>

一些代码我也按照你的建议试过了,但还是没能成功。下面是我尝试将脚本放置在文档末尾的代码。解析时,所选元素尚不存在。仍然存在一个错误“rgb0,128,0”不是颜色动画中的有效选择器,但我无法帮助您。