84669 人學習
152542 人學習
20005 人學習
5487 人學習
7821 人學習
359900 人學習
3350 人學習
180660 人學習
48569 人學習
18603 人學習
40936 人學習
1549 人學習
1183 人學習
32909 人學習
怎么用html5在页面上画出箭头,比如在地图上从一个城市指向另一个城市?
光阴似箭催人老,日月如移越少年。
http://jsfiddle.net/windwhinny/n5py2oem/
<p class="container"> <p class="first"></p> <p class="sec"></p> <p class="thrd"></p> </p>
.first,.sec,.thrd{ width: 100px; height: 20px; background: black; } .container{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); } .first{ width: 70px; -webkit-transform: rotate(45deg); position: absolute; right: -10px; top: 10px; -webkit-transform-origin: right top; } .sec{ width: 70px; -webkit-transform: rotate(-45deg); position: absolute; -webkit-transform-origin: right bottom; right: -10px; top: -10px; }
你还可以用 svg 或者 canvas 等方法画。
http://jsfiddle.net/windwhinny/n5py2oem/
你还可以用 svg 或者 canvas 等方法画。