Javascript JQuery SVG:stroke-linejoin:round

我试图使笔划线具有圆形连接。为什么下面的代码不起作用

看

根据，我需要的样式属性和值是

stroke-linejoin

和

round

。根据JQuery SVG文档：

应编写SVG中包含破折号（-）的其他设置 在骆驼案中没有破折号

所以我不明白为什么它不起作用

谢谢

更新：在输出SVG XML时，它似乎没有将camel-case属性转换为带破折号的属性。现在，我想知道如何纠正这个错误。它输出的SVG XML是：

<svg version="1.1" width="400" height="400">
    <path d="M50,50l300,0l0,300l-300,0z" fill="none" stroke="#888" stroke-width="30"
         strokeLinejoin="round"></path>
</svg>

我不得不改变：

strokeLinejoin: 'round'

致：

strokeLinejoin: 'round'

strokeLineJoin: 'round'