title in SVG: how to make it appear faster?

I have an html page with a JS script generating a SVG image made of many polygons (SVG is added inline inside the HTML). I gave some of them a title, so that the user can hoover and get a caption.

Example:

<?xml version="1.0" standalone="no"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
<polygon points="0,10 5,7 10,10 10,16 5,19 0,16" fill="rgb(114,132,56)" stroke="rgb(114,132,56)" stroke-width="1"><title>Washington</title></polygon>
</svg>

There is a delay for the browser to display this text.

I would like for it to appear faster.

Is this doable? Or do I have to change the structure to use something like map for image?

I found how to customize the appearance of this tooltip, but not how to change the speed for display.



Read more here: https://stackoverflow.com/questions/67374928/title-in-svg-how-to-make-it-appear-faster

Content Attribution

This content was originally published by Pierre at Recent Questions - Stack Overflow, and is syndicated here via their RSS feed. You can read the original post over there.

%d bloggers like this: