怎么用html5在页面上画出箭头，比如在地图上从一个城市指向另一个城市？

Question

怎么用html5在页面上画出箭头，比如在地图上从一个城市指向另一个城市？

Answer 1

http://jsfiddle.net/windwhinny/n5py2oem/

<p class="container">
    <p class="first"></p>
    <p class="sec"></p>
    <p class="thrd"></p>
</p>

.first,.sec,.thrd{ 寬度：100px； 高度：20px； 背景：黑色； } 。 位置：絕對； 頂部：50%； 左：50%； -webkit-transform：翻譯（-50%，-50%）； } 。 寬度：70 像素； -webkit-transform：旋轉（45度）； 位置：絕對； 右：-10px； 頂部：10 像素； -webkit-transform-origin：右上角； } .秒{ 寬度：70 像素； -webkit-transform：旋轉（-45度）； 位置：絕對； -webkit-transform-origin：右下； 右：-10px； 頂部：-10px； }

你也可以用 svg 或 canvas 等方法畫。