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