84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
怎么用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 等方法画。