问题标签 [jquery-svg]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
296 浏览

google-chrome - Google Chrome 浏览器的 SVG 图像模糊/闪烁问题

在 Google Chrome 浏览器中的每个 Ajax 调用中,我都遇到了主 SVG 响应中的辅助 SVG 图像模糊问题。

仅有的:

  • 在 ajax 调用中,我将 SVG 内容作为 Ajax 响应。
  • 在该响应中,我有包含 SVG 图像标签的主要 SVG 图像:

    /li>
  • 我正在尝试将该 SVG 响应附加到 HTML 分割标记,但此辅助 SVG 图像仅在 Google Chrome 浏览器中显示模糊。

我参考了这个链接:http ://code.google.com/p/chromium/issues/detail?id=119693和谷歌搜索了这个主题,但搜索结果最终只显示 SVG 内容的 Google Chrome 缓存问题。

我尝试通过在辅助 SVG 图像源路径/位置后面附加一个随机字符串作为参数来消除此缓存问题。现在它给出了一个新的响应,而不会模糊辅助 SVG 图像,但它会在每次 Ajax 调用时引入辅助 SVG 图像闪烁/闪烁的问题。

请建议在 Chrome 浏览器中摆脱此闪烁问题的可能方法。

问候,
维沙尔

0 投票
1 回答
3946 浏览

php - 如何将 SVG 字符串转换为 PNG?

我知道有很多关于这个的话题,但我还没有找到正确的答案......

我需要将 SVG 字符串转换为 png 图像,它必须是 png 图像,因为我需要透明度并且我尝试使用它只接受 png(或礼物)图像......

我需要通过phpjavascript来做到这一点...

我一直在阅读有关 Raphael 的信息,但它只以某种方式返回图像,我需要图像文件!!!!

我也一直在尝试使用图像魔法(php ext),它给了我这个错误:

此图像格式没有解码委托

我希望任何人都可以帮助!

谢谢!

这是我的 SVG 文件...

0 投票
1 回答
1866 浏览

html - 使用 svg 进行图像标注

任何人都可以请给我一些澄清:

我必须对测量、标记和文本等图像进行一些注释。SVG可以做到这一点吗?
我们是否需要安装任何外部插件才能在 Web 浏览器中使用 SVG?
手机浏览器会支持吗?
SVG 与 HTML5 相比有哪些优势?

0 投票
1 回答
1064 浏览

svg - AngularJS - 如何触发 bindHtml 更新指令?

我有一个我在这里面临的问题的例子:http: //jsfiddle.net/Siyfion/JxLhX/

本质上,每当用户单击列表中的文档时,我想使用 jQuerySVG 将一些功能附加到 SVG 文档(onClick 等)。

我知道 DOM 操作不应该在控制器函数中完成,所以我尝试创建一个指令以允许我连接到绑定更新,但是当我期望它时它也不会触发(仅在页面加载 atm 上一次)。

<div>包含绑定到 SVG的标记具有id='drawContainer'并且也是我附加指令的位置:

但是我不确定这是正确的做事方式,这里是带有占位符的指令,用于 jQuerySVG 代码

如果有人可以在正确的方向上给我任何指示,那就太好了!

0 投票
1 回答
737 浏览

jquery - 是否可以找到 SVGTSpanElement 的父级或下一个/上一个兄弟级

我通常可以使用类似的东西找到事件目标的父级或适当的兄弟级

但是,如果事件是在 svg 对象上触发的,例如

父级未定义。

我很欣赏 svgdom 与普通 DOM 不同,并实现了 jquery.svgdom.min.js。但我对 SVG 的内部 DOM 不感兴趣,我对 SVG 在 DOM 中的位置感兴趣。

我试图向 svgdom 添加一个包装器,然后寻找包装器的父级。但这也没有用。关于如何实现这一点的任何线索?

0 投票
1 回答
406 浏览

html - 跨浏览器支持三维模型

我必须在基于浏览器的应用程序中创建一个三维模型。此应用程序应适用于所有主要浏览器。我想要除 java applet 和 flash 以外的技术。谁能澄清我的以下问题?

  1. 在基于浏览器的环境(即 WebGL 或 SVG)中创建三维模型的最佳选择是什么?

  2. 我们是否有任何第三方库可以在 Web 浏览器中进行三维应用程序?

  3. 我发现 WebGL 支持 Google chrome 和 Firefox。那么在其他浏览器中支持 WebGL 的工作将是什么?
0 投票
1 回答
464 浏览

jquery - 可汗学院的提示功能是如何编码的

我很想知道提示机制是如何在以下 URL 中编码的,

http://www.khanacademy.org/math/arithmetic/multiplication-division/e/multiplication_3

当用户点击右侧的“我想要一个提示”按钮时。

从我目前发现的情况来看,使用了 MathJax、Raphael JavaScript Library 和 jQuery。

我的理解正确吗?如果是这样,我很想知道这一切是如何结合在一起产生美丽的交互性的,就像它在网站上所做的那样。

高度赞赏任何指针/线索/提示或示例代码。

0 投票
1 回答
189 浏览

svg - 仅将黑色填充对象发送到图层的背面。SVG 编辑器

我在 SVG-EDITOR 上工作了很长时间。我想让编辑器根据它们的填充属性即时堆叠所有绘制的对象(在我编辑时)。这会将所有具有填充颜色的对象:黑色自动发送到后面。

有任何想法吗?

基本上我希望所有颜色填充为黑色的对象在绘制后自动发送到后面。只有黑色填充的对象。关于编码的任何想法?

0 投票
2 回答
1737 浏览

jquery - SVG 到 viewBox 坐标

我正在使用JQVMAP生成一些美国地图。该插件有一个 onRegionClick 回调。我正在尝试放大到此功能中的单击状态。我有点知道如何通过将返回给我的 SVG 路径 onClick 转换为 viewBox 坐标来做到这一点,但是,我在转换时遇到了问题。这是我到目前为止所拥有的。

链接到现场演示。如何将 SVG 路径转换为 ​​viewBox 坐标?我会以正确的方式解决这个问题吗?还是有更好的方法来做到这一点?我的最终目标是放大 onRegionClick 的状态。

0 投票
2 回答
1530 浏览

svg - 如何获得转换/旋转的 SVG 路径点

我通过设置属性 transform="rotate(45)" 旋转了一个 SVG 路径元素

现在我怎么能得到旋转的 SVG 路径点?

当我检查属性“d”时,它仍然显示原始点[未旋转]。