zrender如何实现path绘制？

Question

把一个svg图像转成json用zrender绘制
把每个元素的属性啥的映射好

new zrender.Path.extend({
                    
                    shape: {
                        pathData: 路径,
                        id: node.shape.id,
                    },
                    style: {
                        fill: 'red',
                        stroke: 'red',
                        lineWidth: 1
                    }
                
                });

这样写绘制不出来，不知道这个实例的opt参数项，或者有没有直接绘制svg的

Answer 1

var path = new zrender.Path({
    shape: {
        pathData: 'M10 10L90 90',  // 设置路径数据
        id: node.shape.id,  // 其他属性映射
    },
    style: {
        fill: 'red',
        stroke: 'red',
        lineWidth: 1
    }
});

zr.add(path);  // 将路径添加到zrender实例中进行渲染