javascript - Fabric js : SVG cannot import from url

Question

我正在使用 Fabric js，并且我在从本地系统上的 url 导入 SVG 时遇到问题

fabric.loadSVGFromURL('svg/1.svg', function(objects, options) {
  var obj = fabric.util.groupSVGElements(objects, options);
  canvas.add(obj).renderAll();
});

也尝试一下

var site_url =  'svg/1.svg';
fabric.loadSVGFromURL(site_url, function(objects) { 
          var group = new fabric.PathGroup(objects, { 
          left: 165, 
          top: 100, 
          width: 295, 
          height: 211 
        }); 
        canvas.add(group); 
        canvas.renderAll(); 
          });

&在控制台中这两个代码都出现错误

任何人都可以帮助解决如何从本地系统导入 svg
在此先感谢

Answer 1

 Takes url corresponding to an SVG document, and parses it into a set of fabric objects. Note that SVG is fetched via XMLHttpRequest, so it needs to conform to SOP (Same Origin Policy)



loadSVGFromURL: function(url, callback, reviver) {

    //put your  code here 

      url = url.replace(/^\n\s*/, '').trim();
      svgCache.has(url, function (hasUrl) {
        if (hasUrl) {
          svgCache.get(url, function (value) {
            var enlivedRecord = _enlivenCachedObject(value);
            callback(enlivedRecord.objects, enlivedRecord.options);
          });
        }
        else {
          new fabric.util.request(url, {
            method: 'get',
            onComplete: onComplete
          });
        }
      });