SVG делает разные участки пути разными цветами
Вы хотите использовать опцию DOTALL для соответствия друг другу. Из doc.python.org :
re.DOTALL
Сделайте '.' специальный символ соответствует любому персонажу вообще, включая новую строку; без этого флага ". будет соответствовать чему угодно, кроме новой строки.
blockquote>Демо:
In [1]: import re In [2]: s="""shantaram is an amazing novel. It is one of the best novels i have read. the novel is written by gregory david roberts. He is an australian""" In [3]: print re.findall('^.*?the',s,re.DOTALL)[0] shantaram is an amazing novel. It is one of the
1 ответ
Одним из решений было бы использовать путь дважды: сначала зеленый, а затем следующий, используя stroke-dasharray. Черточки только по кривым. Если вам не нравится положение или длина тире, измените их на то, что вам нужно. Пробелы не чувствительны к событиям мыши, только штрихи.
В CSS я добавил #gold:hover{cursor:pointer}, чтобы вы могли видеть, что только черточки чувствительны к мыши.
Надеюсь, это поможет.
svg{border:1px solid}
use{fill:none;stroke-width:18;}
#gold:hover{cursor:pointer}<svg viewBox="-10 50 580 360" width="580" height="360" xmlns="http://www.w3.org/2000/svg">
<defs>
<path id="svg_1" d="m555,272c1,0.76736 4,85.76736 -71,97.76736c-75,12 -387,-39 -388,-39.76736c0,-0.23264 -29,-1.23264 -45,-21.23264l-42,-124.76736c-3,-11.23264 -3,-21.23264 3,-26.23264c6,-5 46,-67 69,-69.76736l474,184z" />
</defs>
<g>
<title>background</title>
<rect fill="#fff" id="canvas_background" height="360" width="580" x="-10" y="50"/>
</g>
<g>
<title>Layer 1</title>
<use xlink:href="#svg_1" stroke="green" />
<use xlink:href="#svg_1" stroke="gold" stroke-dasharray ="130 370 110 60 90 40 90 400 52.45" id="gold" pointer-events="stroke" />
</g>
</svg>Наблюдение: сумма штрихов и разрывов составляет 1342,45, что также является общей длиной пути.