リバースキャンバスは、 'Line'制動SVGエクスポート

Question

を作成します。Createshape 'Line'はsvgを制動しています。私はLiterally Canvasからエクスポートしています。私がコメントしている場合は、下の「線」の下にある「線」が機能します。コメントを外してください.SVGにはエラーがあります。誰でも問題が何であるか知っていますか？

//create 
var lc = LC.init(
    document.getElementsByClassName('drawingapp')[0], 
    { 
     backgroundColor: 'whiteSmoke', 
     backgroundShapes: [ 
      LC.createShape('Rectangle', {x: 76, y: 95, width: 669, height: 337, strokeWidth: 5, strokeColor: 'rgba(255, 0, 0, 1.0)'}), 
      LC.createShape('Line', {x1: 48, y1: 50, x2: 48, y2: 515, strokeWidth: 40, color: 'rgba(255, 0, 0, 1.0)', capStyle: 'round', endCapShapes: ['arrow', 'arrow']}) 
     ], 
     imageSize: imageSize 
    } 
); 


//export 
var svgURL = lc.getSVGString(lc.getSnapshot(), {rect: imageBounds}); 
window.open("data:image/svg+xml;base64," + btoa(svgURL)); 

Answer 1

問題が見つかりました。

return "<g> <line x1='" + x1 + "' y1='" + y1 + "' x2='" + x2 + "' y2='" + y2 + "' " + dashString + " stroke-linecap='" + shape.capStyle + "' stroke='" + shape.color + " 'stroke-width='" + shape.strokeWidth + "' /> " + capString + " </g>"; 

は次のようになります：

return "<g> <line x1='" + x1 + "' y1='" + y1 + "' x2='" + x2 + "' y2='" + y2 + "' " + dashString + " stroke-linecap='" + shape.capStyle + "' stroke='" + shape.color + "' stroke-width='" + shape.strokeWidth + "' /> " + capString + " </g>"; 

ヒント：ストレートshape.color後に単一のコンマdefineSVGRenderer（ 'ライン'）に誤りがあります。