![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
canvas
勤劳@小蚂蚁
前端路上,用心编写、分享每篇前端技术文章....
展开
-
canvas绘制直线并跟随鼠标旋转
效果 575cfbd85796103288ea12cc5fa3ac71 1、canvas及全局变量定义<canvas id="chartCanvas" class="chartCanvas"> 你的浏览器不支持canvas,请升级你的浏览器</canvas> var canvas = document.getElementById('chartCa原创 2021-03-05 14:25:54 · 1428 阅读 · 3 评论 -
canvas 鼠标点击绘制任意多边形、鼠标拖动改变形状
文章目录前言一、通用代码封装二、canvas类的封装1.定义类2.初始化3.初始化鼠标事件3.鼠标事件处理4.绘制多边形及顶点总结前言本文主要介绍如何通过鼠标点击绘制任意多边形,以及通过鼠标移动改变多边形的形状一、通用代码封装 class Point { constructor(opts = {}) { this.x = opts.x || 0; this.y = opts.y || 0; } }const原创 2020-09-09 14:11:27 · 4264 阅读 · 10 评论