How does jquery qtip make its arrows?

2.5k Views Asked by Basit At 04 April 2025 at 12:13

qtip is not using images to make its arrows, like other tips out there. So I was wondering how they are making their dynamic arrow tip?

A person can easily change the size of the tip with width/height.

There are 3 best solutions below

Mariano Desanze On 01 March 2011 at 03:27 BEST ANSWER

They use (at least) 2 different technologies (depending on the browser):

generalhenry On 01 March 2011 at 03:13

They're using an html5 canvas

<div class="qtip-tip" . . .>
    <canvas height="12" width="12"></canvas>
</div>

naspinski On 01 March 2011 at 03:16

I believe they are using CSS Triangles, as they seem to work in non html-5 compliant browsers.