草庐IT

svg_filedata_cache

全部标签

javascript - 使用 svg.js 加载 SVG 文件

我有一个包含SVG元素的HTML5页面。我想加载一个SVG文件,从中提取一些元素,然后用脚本一个一个地处理它们。我使用jQuery成功加载了SVG文件,使用.load(),在DOM中插入了SVG树。但我想试试svg.js操作元素,但在文档中我找不到使用现有SVG元素初始化库的方法,我将在其中获取对象。想法是访问加载的SVG元素(或直接使用svg.js库加载它),将单个对象复制到另一个元素并将它们移动到我需要的位置。如何做到这一点? 最佳答案 给定一个SVG文件'image.svg'包含和一个包含的文件'index.html'然后如果

javascript - 从周围的 HTML 调用 SVG 内部的 JavaScript 函数

我在这里创建了一个小页面:Testfunctiontest(){executeAnimation();}Testertest.svg看起来像这样:TitleDesc如您所见,我想从HTML页面中的JavaScript调用在SVG图像中定义的函数executeAnimation()。这实际上是行不通的。我也试过这个:...functiononloadFunction(){alert('iamloading');window.executeAnimation=executeAnimation();}这是在另一个论坛中提出的建议,但这也不起作用(window.executeAnimation

javascript - 从周围的 HTML 调用 SVG 内部的 JavaScript 函数

我在这里创建了一个小页面:Testfunctiontest(){executeAnimation();}Testertest.svg看起来像这样:TitleDesc如您所见,我想从HTML页面中的JavaScript调用在SVG图像中定义的函数executeAnimation()。这实际上是行不通的。我也试过这个:...functiononloadFunction(){alert('iamloading');window.executeAnimation=executeAnimation();}这是在另一个论坛中提出的建议,但这也不起作用(window.executeAnimation

html - 将 <svg> HTML5 保存为 PNG 或图像

我有使用D3Javascript库生成的图表,我需要将它们保存到PNG或SVG文件中。是否有一些图书馆可以完成这项工作?我找到了这个https://github.com/sampumon/SVG.toDataURL但不适用于我的html5,在firefox控制台中我得到了这个错误:NS_ERROR_NOT_AVAILABLE:组件不可用[Interrompiperquestoerrore]ctx.drawImage(img,0,0); 最佳答案 示例来自developer.mozilla.org演示如何使用canvas元素将svg导

html - 将 <svg> HTML5 保存为 PNG 或图像

我有使用D3Javascript库生成的图表,我需要将它们保存到PNG或SVG文件中。是否有一些图书馆可以完成这项工作?我找到了这个https://github.com/sampumon/SVG.toDataURL但不适用于我的html5,在firefox控制台中我得到了这个错误:NS_ERROR_NOT_AVAILABLE:组件不可用[Interrompiperquestoerrore]ctx.drawImage(img,0,0); 最佳答案 示例来自developer.mozilla.org演示如何使用canvas元素将svg导

html - 在 HTML 代码中嵌入 SVG 文件时,如何在不同的浏览器上产生相同的结果?

我开始为我之前的问题找到解决方案OverlaySVGdiagramsongooglemap.但我还有另一个(较小的)问题。我使用的是Firefox3.5和Safari4(在Mac上),当我在XHTML中嵌入SVG时,结果完全不同。我可以使用或元素(但我认为最后一个已被弃用)。我这样使用它们:并且SVG的大小和比例与Firefox和Safari不同。在我的SVG中,width,height和viewBox被定义。有没有办法在所有浏览器上获得相同的结果(我不关心不支持SVG的IE...,所以“所有浏览器”至少意味着最新版本的Firefox、Opera和Safari)??也许我忘记定义了什么

html - 在 HTML 代码中嵌入 SVG 文件时,如何在不同的浏览器上产生相同的结果?

我开始为我之前的问题找到解决方案OverlaySVGdiagramsongooglemap.但我还有另一个(较小的)问题。我使用的是Firefox3.5和Safari4(在Mac上),当我在XHTML中嵌入SVG时,结果完全不同。我可以使用或元素(但我认为最后一个已被弃用)。我这样使用它们:并且SVG的大小和比例与Firefox和Safari不同。在我的SVG中,width,height和viewBox被定义。有没有办法在所有浏览器上获得相同的结果(我不关心不支持SVG的IE...,所以“所有浏览器”至少意味着最新版本的Firefox、Opera和Safari)??也许我忘记定义了什么

html - 无法在 Safari 中渲染 SVG 图像

如标题所述,我有一张svg图像,但我无法在Safari和Opera中渲染它。但它在Firefox中工作得很好。我找到了这篇文章DoctypeproblemdisplayingSVGwithSafari其中提到将内容更改为xhtml。所以,我在我的html页面的顶部添加了这个,但是还是不行。我像这样在我的JS文件中嵌入svg图像this.my_object.innerHTML='';会是这个原因吗?我不是通过常规机制调用它。我也在这里粘贴svg代码,谁能提出问题? 最佳答案 对于future的用户:找到了问题的原因。这篇文章的接受答案

html - 无法在 Safari 中渲染 SVG 图像

如标题所述,我有一张svg图像,但我无法在Safari和Opera中渲染它。但它在Firefox中工作得很好。我找到了这篇文章DoctypeproblemdisplayingSVGwithSafari其中提到将内容更改为xhtml。所以,我在我的html页面的顶部添加了这个,但是还是不行。我像这样在我的JS文件中嵌入svg图像this.my_object.innerHTML='';会是这个原因吗?我不是通过常规机制调用它。我也在这里粘贴svg代码,谁能提出问题? 最佳答案 对于future的用户:找到了问题的原因。这篇文章的接受答案

html - SVG堆栈, anchor 元素和HTTP提取

我有一系列重叠的问题,最好将其交集为:在什么情况下,URL中的#字符(anchor)会在或的上下文中触发HTTP提取?通常,应:http://foo.com/bar.html#1和http://foo.com/bar.html#2需要两个不同的HTTP提取?我认为答案绝对应该是“否”。更详细的信息:引发此问题的情况是我第一次尝试使用SVGstacking(一种可以将多个图标嵌入单个svg文件中的技术),因此仅需要一个HTTP请求。本质上,想法是将多个SVG图标放置在一个文件中,并使用CSS隐藏所有图标,但使用CSS:target选择器选择的图标除外。然后,当您在HTML中编写#元素时,