坦克大作戰游戲中常見，點擊某點，坦克的槍口會自動對準被點擊的點！ window.onload = function() {var canvas = document.getElementById("canvas");var obj = canvas.getContext('2d');obj.moveTo( 300, 500);obj.lineTo( 300, 480);obj.lineWidth = 6;obj.strokeStyle = "#ff0000";obj.stroke();canvas.onmousedown = function( e ){var mx = e.layerX;var my = e.layerY;var sx = 300;var sy = 500;var angle = Math.atan2( ( my - sy), ( mx - sx ) )obj.clearRect(0, 0, 600, 600);obj.beginPath();obj.moveTo( sx, sy );obj.lineTo( sx + 20 * Math.cos( angle ), sy + 20 * Math.sin(angle));obj.stroke();};};

　　

轉載于:https://www.cnblogs.com/yuguilin/p/5751045.html

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的canvas 绘制跟随鼠标移动的线条的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。