首页 > 其他分享 >canvas-基础(一)

canvas-基础(一)

时间:2022-11-07 17:11:41浏览次数:36  
标签:橡皮擦 removeEventListener 绑定 基础 canvas 盲区 事件

盲区1:事件绑定:  js中的事件绑定可以一次绑定多个事件。 比如 鼠标移动事件。

 

 事件的移除:

需要注意的点就是 removeEventListener时, 第二个参数需要带上绑定的函数, 并且 需要是同一个函数:

建议  const  callback = this.drawLine.bind();  先存函数。 然后  this.el.removeEventListener('mousemove', callback)  

 

盲区2:

 

JS 添加样式使用这个就不需要一个个的添加!!! good

 

盲区3:

class  类中的方法都可以返回一个 this,  这样子调用的时候就可以链式操作!!!

 

 

盲区4:

通过画布canvas 模拟 黑板。  其中橡皮擦功能其实就是重新划线,用画布背景颜色的先去去覆盖已经存在的线以达到橡皮擦功能。

标签:橡皮擦,removeEventListener,绑定,基础,canvas,盲区,事件
From: https://www.cnblogs.com/Hijacku/p/16865818.html

相关文章

  • 爬虫基础
    一.爬虫基础网络爬虫(Crawler)又被称为网页蜘蛛(Spider),网络机器人,它是一种按照一定的规则,自动的抓取万维网信息的程序或者脚本名词解释URL:UniformResourceLocator,即统......
  • 基础算法篇——双指针算法
    基础算法篇——双指针算法本次我们介绍基础算法中的双指针算法,我们会从下面几个角度来介绍:双指针简介双指针基本使用最长连续不重复字符列数组元素的目标和判断子序......
  • Numpy 基础教程之Numpy的介绍
    1.多维数组介绍Numpy(NumericalPython的简称),是Python数值计算最重要的基础包之一,大多数提供科学计算的包都以Numpy的ndarray(多维数组)为构建基础。下面我们就通过一些......
  • PowerApps Canvas App Vs Model-driven App Vs Portal App
    TheCanvasAppinPowerAppsCanvas isoneofthemaintypesofapplicationsthatyoucancreateinPowerApps.Itgivesyouablankcanvasandallowsyoutod......
  • 软件工程基础Y-实验一王瑜
    (1)回顾你过去将近3年的学习经历当初你报考的时候,是真正喜欢软件工程这个专业吗?有一些喜欢至少比其它专业喜欢你现在后悔选择了这个专业吗?不后悔你认为你现在最喜欢......
  • 什么是 Python?Python 基础编程入门指南
    Python是当今最流行的编程语言之一。Python以其简单的语法和多功能性而闻名,既易于学习又可用于高级应用程序。可以使用Python的领域也非常广泛,人工智能、机器学习、Web开......
  • 深度学习基础课:全连接层的梯度检查
    大家好~我开设了“深度学习基础班”的线上课程,带领同学从0开始学习全连接和卷积神经网络,进行数学推导,并且实现可以运行的Demo程序线上课程资料:本节课录像回放1加QQ群,获......
  • C# 9.0 添加和增强的功能【基础篇】
    C#9.0添加和增强的功能【基础篇】 阅读目录一、记录(record)with表达式二、仅限Init的资源库三、顶级语句四、模式匹配增强功能五、模块初始值设定(Modu......
  • 1.网页基础
    13.web请求全过程浏览器输入地址,去请求baidu的服务器,服务器返回html。浏览器可以带着参数去请求服务器,服务器处理后返回相关html。直接把返回的数据直接放在html里面返......
  • Mysql - 基础学习1-连接数据库
    一.命令行登录mysql:mysql -u root -p123456注意:打开不了可能是没有启动服务 net start  mysql   ===启动mysql服务net stop mysql  ===停止my......