获取加载的SVG文件的内容
Get content of loaded SVG file
我制作了一个函数,该函数将从url:加载到特定的div svg文件
function load_vector(divId, vector_url) {
var div = $(divId);
div.load(vector_url);
console.log(div.find('svg').html());
}
我这样称呼这个函数:
load_vector("#myDiv", "/path/to/vector/file.svg");
它成功地将svg文件加载到这个div中,现在我的页面中有了它作为html。
然而,我无法获得这个svg文件的内容
console.log(div.find('svg').html());
这将返回undefined
。
我错过了什么?
需要等待加载过程完成(它是异步的)。将console.log
封装在回调函数中。类似于:
div.load(vector_url, function() {
console.log(div.find('svg').html());
});
相关文章:
- 将包含SVG元素的HTML转换为图像文件
- SVG使用Javascript将文件上载到DOM就绪元素
- 如何获取从 HTML 到 SVG 文件的值
- JavaScript在嵌入SVG文件中不起作用
- 从上传的文件中获取svg元素的宽度
- 使用PHP将png/svg导出为单个png文件
- 在rails中操作上传的svg文件
- 使用D3.js旋转外部SVG文件
- HTML-SVG文件动画不适用于主机,但适用于本地
- 在子网站/子文件夹中找不到SVG href ID
- 当SVG是单独的文件时,剪辑路径/web工具包掩码有效,但在内联时无效
- 不呈现使用拉斐尔的SVG文件
- 我们可以使用 Javascript 更改加载的 SVG 文件的颜色吗?
- 如何获取上传的SVG文件对象的内容
- 如何使用此 js svg 解析器将 svg 文件或元素中的路径小数位更改为 n 位小数
- 这个文件中的错误在哪里.svg脚本(使用 ecmascript)
- 图像(jpeg 和 png)文件如何在 SVG 文件中格式化
- 下载被 Chrome 阻止的 xml 和 svg 文件的 zip 存档(无论是否为空)
- 将编辑的 SVG 文件另存为新文件或保存到数据库
- 加载许多 svg 文件并更改填充