代码之家 › 专栏 › 技术社区 › Joe Mabel

在Firefox上尝试使用jQuery SVG时遇到问题

svg firefox jquery

Joe Mabel · 技术社区 · 14 年前

我正在火狐上尝试SVG。因为我使用的是jQuery,所以我想至少试用一下jQuery SVG。我正在Windows7家庭高级版上使用Firefox3.6.12。

当我进入 http://keith-wood.name/svgBasics.html http://keith-wood.name/svg.html ,将ZIP解压到我自己的机器上的一个文件夹中,并尝试运行相同的演示,SVG似乎什么也没做(这包括应该在没有用户交互的情况下运行的初始部分)。

根据Firefox的说法,服务器将页面作为MIME类型“text/html”(而不是,例如“text/svg+html”)提供,所以这并不是什么不同。

任何见解都是受欢迎的;当然,我最希望听到任何人谁经历过同样的,并找到了解决办法。

(对于任何可能关心的人,我还没有决定是否最终使用jQuery SVG或Raphael,甚至还没有决定是否真正使用SVG或HTML5 canvas,但我希望在做决定之前掌握所有这些内容。)

1 回复 | 直到 14 年前

James Kovacs 14 年前

下载的代码中有一些错误。如果从zip文件打开svgBasics.html,您将看到:

<style type="text/css">
@import "css/jquery.svg.css";

#svgbasics { width: 400px; height: 300px; border: 1px solid #484; }
</style>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="js/jquery.svg.js"></script>

<style type="text/css">
@import "jquery.svg.css";

#svgbasics { width: 400px; height: 300px; border: 1px solid #484; }
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script type="text/javascript" src="jquery.svg.js"></script>

推荐文章

Aaron · 使用feTurbulence SVG标记模拟Musgrave纹理动画

1 年前

Michael Lynch · 如何使用包来构建导入SVG的React组件库?

1 年前

Chris Barr · 为什么带有<defs>的SVG在转换为<symbol>时会丢失渐变?

1 年前

HTML · 如何使用css使任何SVG图像灰度化?

2 年前

JohnB · 将<svg>资源放在</body>之后合法吗?

2 年前

Hashim Aziz · 为什么使用SVG Core设置FontAwesome在默认情况下会禁用这些选项?

2 年前

Sougata Mukherjee · 如何同时悬停svg和文本

2 年前

Basj · 即使距离为3像素,也能检测到SVG线上的点击

2 年前

jana · 在带有javascript的svg中的锚点中插入rect元素不起作用

2 年前

Developer · 如何在SVG图例中将文本悬停在rect或legendcells上

2 年前