Не удается установить путь svg для штриха с помощью Fabric.js в Node.js

Я использую 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);

person Ly Bach    schedule 09.11.2013    source источник


Ответы (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();
person John    schedule 11.11.2013
comment
Спасибо за вашу помощь. Меня пытались, но это не ход дисплея!! - person Ly Bach; 14.11.2013