首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

Fabric.js 铅笔

本文简介 点赞 + 关注 + 收藏 = 学会了 fabric.js 的铅笔其实是继承基础画笔的一个工具,在基础画笔的基础上多了“拐角平滑度”等配置项。 本文讲解铅笔的基础用法以及常用事件。...在 fabric.js 中,铅笔同样有不同配置。 开启绘图模式 要使用铅笔的话,首先要开启“绘图模式”。 下面这段代码是本文的基础代码,之后配置到的铅笔属性和铅笔相关的方法都是基于这段代码的基础。...引入 fabric.js代码我就不写了,如果不知道如何引入可以查看 《Fabric.js 从入门到膨胀》。...fabric.js 的铅笔可以通过 strokeLineJoin 属性设置拐角,支持 bevel 斜面、 round 圆形、 miter 斜面 三个属性。...: alt键 ctrlKey: ctrl键 'none'、'undefined'、'null': 取消组合键 事件 fabric.js 的铅笔提供了一些基础事件,有的好用,有的不好用。。。

1.5K20

72试面试题

7.2上午笔试题 1、请描述cookie,sesstionStorage,localStorage三者之间的区别 有效时间:cookie在关闭浏览器后失效,sessionStorage在关闭页面后失效,...cookie会在请求头中一起发送给服务器,另外两个则不参与通信 2、判断以下js代码是否正确,并描述原因 A "undefined" == undefined B "8889" == 8889 A的结果是...8、现有一个网页要求以设备宽度进行呈现,并且此网页不允许用户缩放,当设备宽度在320px至480px之间时body元素的背景颜色为#d0d0d0,请写出相关代码。...DocumentFragment,将所有的数据添加到里边,最后将DocumentFragment渲染到页面上,只需要操作一次DOM 10、写出一些优化网页加载速度的方案或建议 图片懒加载、预加载;使用CDN;将JS...放在文件底部,CSS放在文件顶部;压缩JS和CSS文件;http缓存;按需加载等 做完以后百度答案,感觉自己又凉了。

86220

js试题

Async await:一般用于变量的赋值,比如我必须等到这个变量附上值了,在往下操作event loop简述原理js执行时,会进入一个执行栈,执行栈里面放的是同步任务,执行代码的时候会遇到异步代码,像...可读性,可维护性差—代码冗余。2.jQuery ajax -》开发 可读性 可维护性差。3.ES6 Promise 对jQuery封装的ajax改造成Prmoise封装。...Object.freeze()冻结对象:其他代码不能删除或更改任何属性。Object.is()比较两个值是否相同。所有 NaN 值都相等(这与==和===不同)。...--floor(x)对数进行下舍入--random()返回 0 ~ 1 之间的随机数-- ceil(x)对数进行上舍入js的数据类型有哪些?...__proto__为空的链,就叫原型链 当js引擎查找对象的属性时,如果当前对象没有 就会去原型链上去找js事件流?

59730

Fabric.js 刷到底怎么用?

设置刷宽度 // 省略 “起步” 代码 canvas.freeDrawingBrush.width = 20 // 画笔宽度 复制代码 可以通过修改 width 调节刷的粗细。...设置刷颜色 // 省略 “起步” 代码 canvas.freeDrawingBrush.width = 20 // 画笔宽度 canvas.freeDrawingBrush.color = 'pink...' // 画笔颜色 复制代码 我将刷的宽度设为20,这样比较容易展示效果。...啰嗦两句 刷在 Fabric.js 中是一个很基础的工具,也很常用。 常用场景: 在线PS画板 在线批改操作 像微信截图那些,也有画笔功能。...当然,微信截图的画笔不一定是用 Fabric.js 来实现的,但我们学会 Fabric.js 后也可以说是有能力实现类似的功能了~ Fabric.js 还提供了其他刷,但如果你已经懂得如何使用基础

3.4K40
领券