javascript - SVG不包含fabric js中的文本装饰属性

Question

我将这些文本装饰属性(例如下划线、上划线、横线)应用到 Canvas 上的文本对象，但结果 SVG 没有这些属性。

代码

$('.text_decoration').click(function () {
    var status;
    $( this ).toggleClass( 'highlight' );
    if($(this).hasClass('highlight'))
    {
        status = true;
    }
    else
    {
        status = false;
    }


    //var text_decoration = $(this).val();
    var text_decoration = $(this).attr('data-action');
    var tObj = canvas.getActiveObject();
    //Check that text is selected
    if(tObj==undefined)
    {
        alert('Please select a Text');
        return false;
    }

    if(text_decoration=='underline')
    {
        tObj.set({
            underline: status
        });
    }
    else if(text_decoration=='linethrough')
    {
        tObj.set({
            linethrough: status
        });
    }
    else if(text_decoration=='overline')
    {
        tObj.set({
            overline: status
        });
    }
    canvas.renderAll();
});

代码笔

https://codepen.io/dhavalsisodiya/pen/EEbXvJ

步骤

1) 添加文字
2)然后通过属性应用下划线，上划线和横线
3) 单击“显示 SVG”按钮。

现在生成的 svg 没有这些属性，那么如何解决它？

Answer 1

您的 codepen 已链接到 FabricJS 的 Beta 版本，该版本正在从 1.x api 过渡到 api 2。

请从版本 2 更新到最新版本，代码片段将正常工作