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

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

本文简介 点赞 + 关注 + 收藏 = 学会了 本文介绍 Fabric.js 的 IText 在画布上如何让用户手动加粗文本。...效果如图所示: 要实现2种操作 全文加粗加粗选中的文字 如果你还不清楚 Fabric.js 有什么用,我强烈推荐你阅读 《Fabric.js 从入门到目中无人》 。...全文加粗 只需把 IText 的 fontWeight 属性设置成 bold 即可实现加粗。 如果想变回默认样式,可以将 fontWeight 设为 normal 。...3方法 《Fabric.js 摆正元素的4种方法(带过渡动画)》 一键摆正被你旋转过的元素 《Fabric.js 将本地图像上传到画布背景》 除了在初始化时设置画布背景外,我还做了本地上传背景的功能,...让画布在运行时也能修改背景图 《在 Vue3使用Fabric.js实现渐变(Gradient)效果,包括径向渐变radial》 官方入门教程也只有线性渐变,以至于某些文章说 Fabric.js 只支持线性渐变

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

JS的字符插值,变量长文本换行

苦逼的PHPer要写前端 作为一个PHPer,经常需要在htmljs jq来解析数据,形成列表、选项等等。 (谁让我们PHPer还要兼顾页面呢?? 又不会Vue,只能这样子讨讨生活。)...那么就经常遇到Html代码拼接,或者字符拼接,可能是这样子的问题 let html = ""; for(...){ html += " " + data.name + ""...; } 这种还是简单的,只有一个li,如果是2层、3层的div嵌套,那么这里就会是一团糟糕 有没有优雅一点的写法呢,比如php的 $text = <<<xml .... 222...$$$ >>> 字符插值特性 一些语言提供了字符插值,幸运的是,JavaScript 正是其中之一。...可以看到,在字符,我们使用${}来使用变量。 这里也可以使用对象的属性 比如$(this.job)等等 非常的方便 优雅 是一个你必须知道的JS特性!!!

7.8K10

js替换html的字符,js怎么替换字符

js,可以使用str.replace()方法来替换字符。replace()方法用于在字符中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子;然后返回一个新的字符。...它将在 stringObject 查找与 regexp 相匹配的子字符,然后用 replacement 来替换这些子。...如果它是字符,那么每个匹配都将由字符替换。但是 replacement 的 $ 字符具有特定的含义。如下表所示,它说明从模式匹配得到的字符将用于替换。...-“ab” 2、第一个分组匹配到的字符,第二个分组所匹配到的字符….依次类推一直 到最后一个分组—-“a,b” 3、此次匹配在源字符的下标,返回的是第一个匹配到的字符的下标—-2 4、源字符—...str.replace(/{ {(\w+)}}/g,function (matchingStr,group1){ return data[group1]; }); } 4、replace高级用法之获取与正则表达式匹配的文本

23.2K20

JS的字符方法

JS的字符方法总结 charAt(i) 将字符中下标为 i 的字符返回,下标从0开始。...’ str.indexOf(start) 查询一个字符或一段字符在总字符第一次出现的下标位置,如果没有找到则返回-1,start表示开始搜索的位置,默认为0 let str = ‘hello...,没有找到则返回-1 let str = ‘hello world’ console.log(str.lastIndexOf(‘o’)) // 7 match() 根据正则表达式在字符搜索匹配项...‘logo.png’ console.log(str.search(zz)) // 4 str.slice(参数1,参数2) 提取字符的某个部分(不包括end),返回新的字符 let str...// [‘hell’,’ w’,‘rld’] console.log(str.split(‘o’,2)) // [‘hell’,’ w’] substr(start,[length]) 从字符抽取从

3.9K10

js字符转换为数字

js 字符转化成数字的三种方法主要有 转换函数、强制类型转换、利用js变量弱类型转换。 1. 转换函数:   js提供了parseInt()和parseFloat()两个转换函数。...ECMAScript可用的3种强制类型转换如下:   Boolean(value)——把给定的值转换成Boolean型;   Number(value)——把给定的值转换成数字(可以是整数或浮点数);...当要转换的值是至少有一个字符的字符、非0数字或对象时,Boolean()函数将返回true。如果该值是空字符、数字0、undefined或null,它将返回false。...利用js变量弱类型转换   举个小例子,一看,就会明白了。   ...,实现了字符到数字的类型转换,不过这个方法还是不推荐的

11.3K41

js 判断是否字符_js字符查找

整理js可以用到的判断一个字符是否包含另外一个字符的方法 String对象方法 1、indexOf indexOf 返回指定字符在该字符首次出现的位置,如果没有找到,则返回 -1 indexOf...'a',2));// -1 console.log(str.indexOf('a'))// 0 2、lastIndexOf lastIndexOf是从字符末尾开始搜索,返回指定字符在该字符中最后一次出现的位置...,则返回 null(也可以用来查询字符某个字符出现的次数) g:全局搜索 i:忽略大小写 let str = 'abcdabcda'; console.log(str.match(/a/gi)...);//['a','a','a'] console.log(str.match(/z/gi));// null 5、 search seacrh方法用于检索字符中指定的子字符,或检索与正则表达式相匹配的子字符...如果字符中有匹配的值返回该匹配值,否则返回 null。

10.7K20
领券