首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Fabric.js 让用户手动加粗文本

本文简介 点赞 + 关注 + 收藏 = 学会了 本文介绍 Fabric.js IText 在画布上如何让用户手动加粗文本。...效果如图所示: 要实现2种操作 全文加粗加粗选中文字 如果你还不清楚 Fabric.js 有什么用,我强烈推荐你阅读 《Fabric.js 从入门到目中无人》 。...该文能让你前端技术再点亮一个技能点。 全文加粗 只需把 IText fontWeight 属性设置成 bold 即可实现加粗。...canvas.renderAll() // 重新渲染画布 } } 加粗选中文字 可以用 setSelectionStyles 设置被选中文字样式,里面传一个样式对象即可...《Fabric.js 基础画笔用法 BaseBrush》 画笔基础用法 《Fabric.js 自由绘制圆形》 将“框选”动作改造成自由绘制圆形 《Fabric.js 3个api设置画布宽高》 宽高设置并不是在初始化是才能进行

3.4K30
您找到你想要的搜索结果了吗?
是的
没有找到

JS游戏编程基础】关于jsthis关键字理解

this关键字在c++,java中都提供了这个关键字,在刚开始学习时觉得有难度,但是只要理解了,用起来就方便多了,下面通过本篇文章给大家详解js里this关键字理解。...接下来你谈谈我对它理解,也作为一个笔记,方便以后参阅。有不对地方,欢迎指出批评。 1. 不像C#,this一定是指向当前对象。 jsthis指向是不确定,也就是说是可以动态改变。...比如C++、C#和Java等都提供了这个关键字,虽然在开始学习时候觉得比较难,但只要理解了,用起来是非常方便和意义确定。...()方法中this关键字,指示对象是IEwindow对象。...但是正确结果确实是前者,这是由于JavaScript变量作用域问题决定,详细了解推荐参看"原来JScript中关键字'var'还是有文章"一文及回复。

3.1K101

JS中控制好this关键字指向

javascript中 this 指向不太好控制,理解不好的话很容易错误 下面几个示例可以加深对this指向理解 (1)内联事件 <a href="#" onclick="alert(this.tagName...( duang.hi, 1000); setInterval( duang.hi, 1000); 这两种情况都会弹出“我是 全局” 因为setTimeout和setInterval都会改变this<em>的</em>指向为...: "duang", hi: function() { alert("I'm " + this.name); } }; btn.onclick = duang.hi; 点击按钮后,并没弹出duangname...属性值,而是弹出了buttonname属性 说明这种方法会使this指向dom节点本身 如果想this指向duang对象,可以使用匿名函数解决 btn.onclick = function ()...函数 这时点击结果为 "I'm 全局",说明this指向了window对象 注意,使用call和apply调用方法时,this指向会被改为window

1.4K110

JS】374- 重学 this 关键字

为什么要学习this关键字 1. 面试会问啊!总有一些面试官喜欢问你一段不可能这么写代码。看一道经典且古老面试题(学完本文后,文末会有一道更复杂面试题等着你哦!)...我在读 Events lib/events 源码时候发现多次用到call关键字,看来有必要搞懂 this 与 call 相关所有内容。...4. call 关键字在写代码过程中还是比较常用,有时候我们常常会使用 call 关键字来指定某个函数运行时上下文,有时候还使用 call 关键字实现继承。...直到几天前想系统复习一下this关键字,找this相关各种资料,在知乎看到了一个关于this讨论。说第三种形式才是正常调用形式。...Node.js 环境下指向全局this关键字说明(你可能不知道) 为什么在浏览器或者前端环境可以直接正常输出值,而在 Node.js 环境中输出却是 undefined。

1.5K10

js搜索关键字(Ctrl + F)

为了自救,人类提出一个名为“流浪地球”大胆计划,即倾全球之力在地球表面建造上万座发动机和转向发动机,推动地球离开太阳系,用2500年时间奔往另外一个栖息之地。...转眼刘启(屈楚萧 饰)长大,他带着妹妹朵朵(赵今麦 饰)偷偷跑到地表,偷开外公韩子昂(吴孟达 饰)运输车,结果不仅遭到逮捕,还遭遇了全球发动机停摆事件。...为了修好发动机,阻止地球坠入木星,全球开始展开饱和式营救,连刘启他们车也被强征加入。...// 2. value // value 属性可设置或者返回文本域 value 属性值。 // value 属性包含了默认值或用户输入值(或通过脚本设置)。...该字符串是通过把 arrayObject 每个元素转换为字符串,然后把这些字符串连接起来,在两个元素之间插入 separator 字符串而生成

4.4K30

jsthis关键字,setTimeout(),setInterval()执行过程

= { name:'windseek2', showname: function () { console.log(this.name); } } test2.showname() 运算结果是一样...} var test2 = { name:'windseek2', showname: function () { test1.showname(); } } test2.showname() 这时运算结果应该是...windseek,因为test2.showname()执行时会找到test()执行,test=function () {console.log(this.name);},test前面没有任何对象,作用域就是全局,...1000); } } test2.showname(); 结果就是windseek其实,setTimeout等价于这种函数function(__callback){ __callback();} 最后执行是...callback(); })(test1.showname); } } test2.showname(); 结果一样也是windseek,但是这个不会延迟,settimeout会延迟,setInterval也是一样原理

1.2K50

简单理解JSthis关键字 - wuuconixs blog

背景 之前在看《You Don’t Know JS - 1st Edition》这本书时候,它对this解释是针对各个this在哪里被调用分为四种情况。...f是作为对象o一个方法被调用,所以this指向对象o 《You Don’t Know JS》中隐式绑定就属于这种最简单和清晰情况。...所以显示绑定在某种程度上也可以看作暂时把函数f当作了对象o方法,然后调用。 构造函数中this 这对应《You Don’t Know JS》中 new绑定。...name}const f = new F("wuuconix")console.log(f.name) // => "wuuconix" 在这里,定义了一个构造函数F,然后利用new关键字调用了这个构造函数...调用new调用构造函数时,JS会先生成一个空对象,然后把构造函数F作为这个空对象方法去调用,这时this就是空对象了,之后构造函数语句依次被调用,这个对象初始化完毕后自动返回,就是f了。

72010

VBA程序:对加粗单元格中值求和

标签:VBA 下面的VBA自定义函数演示了如何对应用了粗体格式单元格求和。...ErrHandler: '检查是否溢出 If Err.Number = 6 Then SumBold = CVErr(xlErrNum) Resume Continue End Function 注意,当求和单元格区域中单元格格式发生更改时...,不会触发任何事件;而使用Application.Volatile语句,每当在工作表上内容更改时,单元格都会重新计算。...这意味着,仅对求和单元格区域中单元格设置加粗格式,使用该自定义函数求和值不会改变,除非按F9键强制计算,或者在工作表中输入内容导致工作表重新计算。...这个程序也提供了一个模板,可以稍作修改对其它格式设置单元格来求和

12410

Js 使用new关键字调用函数和直接调用函数区别

最近开始学习js,在看到书上一个例子时,引发了我一系列思考: 书上例子: function Person(name,age,job){ var o =new Object();...,然后又返回了这个对象,除了使用new操作符且把使用包装函数叫做构造函数之外,这个模式跟工厂模式是一模一样。...注意:构造函数在不返回值情况下,默认返回新对象实例。 看到这里,我就将上面的例子new关键字去掉,发现和原来结果一样。...person.sayName(); 得出结论:使用new关键字是将函数当作构造函数调用,即为构造对象,若没有人为重写调用构造函数时返回值,那么返回对象是由解析器自己生成。...不使用new关键字调用函数,即为普通函数调用。 随即想到若是函数返回值是function型呢?

3.6K10

筛选加粗字体格式单元格3种方法

标签:Excel技巧 在工作表中有很多数据,一些数据所在单元格设置为加粗字体格式,现在想要筛选出所有这些加粗字体格式单元格。 示例数据如下图1所示。...图1 这里,讲解3种方法来实现筛选带有加粗字体格式单元格。 方法1:替换 查找和替换用于查找指定文件,也可查找特定格式(例如单元格背景色、字体颜色、加粗字体)。...这里所用原理是查找工作表中加粗字体格式单元格,将它们转换成易于筛选格式,然后再应用筛选。 1.选择数据区域。 2.在功能区“开始”选项卡中单击“编辑”组中“查找和选择——替换”。...单击“查找内容”后“格式”按钮,选择“字体”选项卡中加粗;单击“替换为”后“格式”按钮,设置背景色,如下图2所示。 图2 4.单击“全部替换”按钮。...参数reference指定想要引用单元格。 下面来使用GET.CELL实现筛选加粗字体单元格。 在功能区“公式”选项卡中,单击“定义名称”组中“定义名称”命令。

2.8K30
领券