用svg.js加载SVG文件

Question

我在其中看到了与这个主题相关的几个问题，并且遵循了这些问题(Loading a SVG file with svg.js)，但是加载svg文件的尝试没有成功。

__this.canvas = SVG('canvas').size(500, 500);
$.get('/cuentos/Rapunzel/prueba.svg', function(data) {
     __this.data = data;
     console.log(__this.data);
     __this.canvas.svg(__this.data);
});

__this.canvas是以下列方式导入的svgjs.Doc类型：

import SVG from './node_modules/svg.js/svg.js';
declare var svgjs: (domElement: HTMLElement) => svgjs.Library;

错误：

​

​

有件事我做错了或者错过了。

有什么帮助吗？

Answer 1

JQuery的$.get (对于SVG )默认返回一个DOM对象表示SVG。但是，SVG.js的svg函数需要一个字符串。

您只需强制JQuery返回这样的字符串：

$.get('/cuentos/Rapunzel/prueba.svg', function(data) {
   __this.data = data;
   console.log(__this.data);
   __this.canvas.svg(__this.data);
}, 'text');

PS:我打开了一个针对SVG.js的PR以显示正确的错误消息：https://github.com/svgdotjs/svg.js/pull/870

Answer 2

使用jQuery，此表单在2.7.1和3.0.x测试中都有效。

    var svgp = SVG($('#<name of svg>')[0]);