canvas基础画图库
画图库
1 | /** |
实现了鼠标画图，自定义颜色，历史记录，上一步，下一步等功能
如图所示：
没有写样式，只是为了展示基本功能
本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 Wang的博客！
相关推荐
2021-10-28
JS算法基础-栈
栈的概念 栈是一种遵从后进先出（LIFO）原则的有序集合。新添加的或待删除的元素都保存在栈的末尾，称作栈顶，另一端就叫栈底。在栈里，新元素都靠近栈顶，旧元素都接近栈底。 栈作为一种数据结构，是一种只能在一端进行插入和删除操作的特殊线性表。它按照后进先出的原则存储数据，先进入的数据被压入栈底，最后的数据在栈顶，需要读数据的时候从栈顶开始弹出数据（最后一个数据被第一个读出来）。栈具有记忆作用，对栈的插入与删除操作中，不需要改变栈底指针。 通俗来讲，栈就好像一个箱子，我们放东西时从箱子顶部放入(入栈)，而最先放入的东西会被压到箱子底(栈底)，顺序放入依次从箱子底往上排，最后的东西在箱子口(栈顶)，需要拿东西的时候从箱子顶部依次拿(出栈)， 如图所示 栈的创建在原生JS对象中并没有栈这个结构的定义，所以要使用栈就要先创造它。。。 我们先声明一个栈的类，这里使用数组去存储栈内的元素 123456class Stack { items constructor() { this.items = [] }} 栈的数据结...
2021-08-18
JS深拷贝
赋值、深拷贝、浅拷贝区别赋值赋值是某一个数值或变量赋给某个变量的过程，分为： 基本数据类型：赋值后两个变量的值互相没有关联关系，改变其一不会引起另一个变量值变化。 123456let a = 'abc'let b = aconsole.log(b) // 'abc'a = 'def'console.log(a) // 'def'console.log(b) // 'abc' 基本数据类型赋值时会在栈内存中创建一个新值。 引用数据类型：普通赋值操作使两个变量具有相同引用，指向同一个对象，改变任何一个，另一个取到的都会是改变后的值。 123456789let a = { name: 'abc', age: 20}let b = aconsole.log(b) // {name: "abc", age: 20}a.name = 'def'console.log(a) // &...
2022-01-07
JS算法基础-队列
队列的概念 队列是遵循FIFO（First In First Out，先进先出，也称为先来先服务）原则的一组有序的项。意如其名，就像排队一样，从尾部添加，从顶部移除，新添的元素必须排在队列的末尾。 123456789flowchart LR subgraph a[队列] q[...]-->3-->2 end subgraph b[执行] q1[1] end 2-->q1 创建队列1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950class Queue { items: Array<any> constructor() { this.items = [] } /** * 入队 * 向队列尾部添加一个（或多个）新的项 * @param el */ enqueue(el): void { if (el instanceof Array...
评论