canvas 绘制跟随鼠标移动的线条

坦克大作战游戏中常见，点击某点，坦克的枪口会自动对准被点击的点！ 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 绘制跟随鼠标移动的线条的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。