MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

stroke-linejoin

这篇翻译不完整。请帮忙从英语翻译这篇文章

« SVG属性参考主页

stroke-linejoin 属性指明路径的转角处使用的形状或者绘制的基础形状。

作为显示性属性,它也可以直接在 CSS 样式表中作为属性使用。

注意:miter项的最终展示也收到  stroke-miterlimit 属性的影响。

用法

类型 Presentation attribute
miter | round | bevel | inherit
可动性 Yes
规范文档 SVG 1.1 (2nd Edition)

示例

<?xml version="1.0"?>
<svg width="120" height="300"
     viewBox="0 0 120 300" version="1.1"
     xmlns="http://www.w3.org/2000/svg">

    <polyline stroke-linejoin="miter"
              points="-20,115 60,40 140,115"
              stroke="black" stroke-width="40"
              fill="none" />

    <polyline stroke-linejoin="round"
              points="-20,200 60,125 140,200"
              stroke="black" stroke-width="40"
              fill="none" />

    <polyline stroke-linejoin="bevel"
              points="-20,285 60,210 140,285"
              stroke="black" stroke-width="40"
              fill="none" />

    <path d="M-20,115 L60,40 L140,115 M-20,200 L60,125 L140,200 M-20,285 L60,210 L140,285"
          stroke="white" fill="none" />
</svg>

样例

元素

下面的元素可以使用 stroke-linejoin 属性

 

相关

文档标签和贡献者

 此页面的贡献者: IridescentMia
 最后编辑者: IridescentMia,