Show path title on path

Question

I want to show the path title always on the path not while hover.

this is the example path code:

<svg height="210" width="400">
  <path d="M150 0 L75 200 L225 200 Z" title="theTitle" />
</svg>

I want to get theTitle and place it on the path, so how can I do this?

Answer 1

You can use title tag by grouping it with paths you want to show it with.

<svg height="210" width="400">
  <g>
    <title>First title</title>
    <path d="M150 0 L75 200 L225 200 Z" />
  </g>
  <g>
    <title>Second title</title>
    <path d="M350 0 L175 400 L325 400 Z" />
  </g>
</svg>

Answer 2

You can use a normal <title>-tag for svg icons.

Here's the code:

<svg height="210" width="400">
  <path d="M150 0 L75 200 L225 200 Z"/>
  <title>Hello World!</title>
</svg>