首页
学习
活动
专区
工具
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.5K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    【JS游戏编程基础】关于js里的this关键字的理解

    this关键字在c++,java中都提供了这个关键字,在刚开始学习时觉得有难度,但是只要理解了,用起来就方便多了,下面通过本篇文章给大家详解js里this关键字的理解。...接下来你谈谈我对它的理解,也作为一个笔记,方便以后参阅。有不对的地方,欢迎指出批评。 1. 不像C#,this一定是指向当前对象。 js的this指向是不确定的,也就是说是可以动态改变的。...比如C++、C#和Java等都提供了这个关键字,虽然在开始学习的时候觉得比较难,但只要理解了,用起来是非常方便和意义确定的。...()方法中的this关键字,指示的对象是IE的window对象。...但是正确的结果确实是前者,这是由于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的指向为...: "duang", hi: function() { alert("I'm " + this.name); } }; btn.onclick = duang.hi; 点击按钮后,并没弹出duang的name...属性值,而是弹出了button的name属性 说明这种方法会使this指向dom节点本身 如果想this指向duang对象,可以使用匿名函数解决 btn.onclick = function ()...函数 这时的点击结果为 "I'm 全局",说明this指向了window对象 注意,使用call和apply调用方法时,this的指向会被改为window

    1.4K110

    js搜索关键字(Ctrl + F)

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

    4.5K30

    【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中的this关键字 - 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了。

    73610

    js中的this关键字,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.3K50

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

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

    18610

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

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

    3.7K10

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

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

    4.4K30
    领券