jquery qtip 如何制作它的箭头？答案

【问题标题】：How does jquery qtip make its arrows?jquery qtip 如何制作它的箭头？
【发布时间】：2013-01-20 22:11:04
【问题描述】：

qtip 不像其他提示那样使用图像来制作箭头。所以我想知道他们是如何制作动态箭头的？

一个人可以很容易地用宽度/高度改变尖端的大小。

【问题讨论】：

【解决方案1】：

他们使用（至少）2 种不同的技术（取决于浏览器）：

【讨论】：

【解决方案2】：

他们使用的是 html5 画布

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

【讨论】：

【解决方案3】：

我相信他们正在使用CSS Triangles，因为他们似乎在不兼容 html-5 的浏览器中工作。

【讨论】：

不，我不这么认为。你可以检查页面的源代码，看看他们没有像 CSS Triangles 那样使用border。他们只是在 IE 中使用 VML，在其余部分中使用 Canvas。