Question

我想知道是否有人试图在SVG stroke-linecap上创建自定义形状。而不是标准（圆形，方形），我想在倒数计时器的路径上创建一个反向半圆。如果SVG /如果有人尝试类似的东西，请告诉我这是否可行。问候苏雷什

Answer 1

正如罗伯特建议的那样，您可以使用marker-end和<svg> <defs> <marker id="InverseSemicircleEnd" viewBox="0 0 5 10" refX="0" refY="5" markerUnits="strokeWidth" markerWidth="0.5" markerHeight="1" orient="auto"> <path d="M 0 0 L 5 0 A 5 5 0 0 0 5 10 L 0 10 z" /> </marker> </defs> <line y1="75" x2="270" y2="75" fill="none" stroke="black" stroke-width="40" marker-end="url(#InverseSemicircleEnd)" /> </svg>将自定义结束上限添加到一行。

*** Settings ***
Library                 Selenium2Library
Suite Teardown          Close All Browsers

*** Test Cases ***
StackOverflow
    Open Browser     http://www.google.com/    Chrome
    ${id}=           get element attribute     xpath=//*[@class="sbib_b"]@id

如何自定义SVG Stroke Linecap

1 个答案: