Невозможно установить ход svg с помощью Fabric.js в Node.js

Question

Я использую FabricJS и NodeJS для визуализации пути SVG. Когда я установил stroke и strokeSize, он не отобразил ход. Я тестировал его на прямоугольнике, и он работал нормально. Мой код:

var fabric = require('fabric').fabric, 
    http = require('http'), 
    url = require('url'), 
    PORT = 9099; 

    var server = http.createServer(function (request, response) { 
    var params = url.parse(request.url, true); 
    var canvas = fabric.createCanvasForNode(400, 600); 

    response.writeHead(200, { 'Content-Type': 'image/png' }); 

    canvas.backgroundColor = "blue"; 
    fabric.loadSVGFromURL('http://localhost/test/html5/fabric/img/animal1.svg', function(ob,op){ 
     var element = new fabric.PathGroup(ob, op); 
     element.set({ 
     top:   100, 
     left:  100, 
     scaleX:  6, 
     scaleY:  6, 
     fill:  '#ddd', 
     strokeWidth: 5, 
     stroke:  '#555' 
     }); 
     canvas.add(element); 

     var rect = new fabric.Rect({ 
      left:   300, 
      top:    100, 
      width:   100, 
      height:   100, 
      fill:   '#ddd', 
      strokeWidth:  3, 
      strokeDashArray: [10, 5], 
      stroke:   '#555' 
     }); 
     canvas.add(rect); 

     canvas.renderAll(); 

     var stream = canvas.createPNGStream(); 
     stream.on('data', function(chunk) { 
      response.write(chunk); 
     }); 
     stream.on('end', function() { 
      response.end(); 
     }); 

    }); 
}); 

server.listen(PORT); 

Answer 1

Попробуйте это:

fabric.loadSVGFromURL('http://localhost/test/html5/fabric/img/animal1.svg', function(objects,options){ 
    var element = fabric.util.groupSVGElements(objects, options); 
    element.set({ 
    top:   100, 
    left:  100, 
    scaleX:  6, 
    scaleY:  6, 
    fill:  '#ddd', 
    strokeWidth: 5, 
    stroke:  '#555' 
    }); 
    canvas.add(element).renderAll();