javascript - svg 加载到 Canvas 后获取单个对象

Question

我正在将 svg 加载到 Canvas 中并缩放它以适合 Canvas 。然后我需要访问各个对象。这可能吗？

var canvas = new fabric.Canvas('c');
var url = 'http://fabricjs.com/assets/107.svg';
fabric.loadSVGFromURL(url, function(objects, options) {
  var svg = fabric.util.groupSVGElements(objects, options);
  svg.scaleToHeight(canvas.height);
  canvas.add(svg);
  svg.center();
  svg.setCoords();
  canvas.renderAll();
  console.log(svg);
});
fabric.loadSVGFromURL(url, function(objects, options) {
    var group = new fabric.Group(objects,options);
    canvas.add(group);
    group.scaleToHeight(canvas.getHeight());
    group.center();
    canvas.renderAll();
});

<script src="http://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.5.0/fabric.min.js"></script>
<canvas id="c" width="500" height="200"></canvas>

Answer 1

部分fabric js: canvas.toSVG()

然后您可以在生成的 svg 中选择单个对象。