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 等方法画。