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

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

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

3.4K30

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

图1 这里,讲解3种方法来实现筛选带有加粗字体格式单元格。 方法1:替换 查找和替换用于查找指定的文件,也可查找特定的格式(例如单元格背景色、字体颜色、加粗字体)。...这里所用的原理是查找工作表中加粗字体格式的单元格,将它们转换成易于筛选的格式,然后再应用筛选。 1.选择数据区域。 2.在功能区“开始”选项卡单击“编辑”组的“查找和选择——替换”。...3.在“查找和替换”对话框,单击“选项”按钮展开对话框。单击“查找内容”后的“格式”按钮,选择“字体”选项卡加粗;单击“替换为”后的“格式”按钮,设置背景色,如下图2所示。...下面来使用GET.CELL实现筛选加粗字体单元格。 在功能区“公式”选项卡,单击“定义的名称”组“定义名称”命令。...如果单元格加粗字体格式,则返回TRUE,否则返回FALSE,如下图6所示。 图6 然后,与方法2的操作一样,应用筛选即可。

2.7K30

matlab画图操作(修改坐标轴及字体加粗,颜色修改,适合论文画图)「建议收藏」

消除白色边框 12 添加子标题 13 调换y轴递增顺序 1.设置坐标轴 %设置坐标轴格式 title('Title','fontsize',12,'fontname','Times'); %设置标题字体...xlabel('Times(s)','fontsize',12,'fontname','Times','FontWeight','bold') %设置x轴字体 ylabel('Value','fontsize...',12,'fontname','Times') %设置y轴字体 set(gca,'FontName','Times New Roman','FontSize',11,'FontWeight','bold...'); %设置坐标刻度字体 axis off; % 去掉坐标轴 set(gca,'looseInset',[0 0 0 0]) %去掉白色边框 2.设置figure大小 figure(1)...2——放置在图形的左上角 top left 3——放置在图形的左下角 bottom left 4——放置在图形的右下角 bottom right -1——放置在图形视窗的外右边 %设置图例字体及大小

10K30

网页内嵌字体

刚好自己最近在做网站开发,于是就想把这款字体嵌入到自己正在做的网页里。今天就写一下怎么把一款字体嵌入到自己的网页。...其实在CSS,使用font-family这个属性就直接可以将网页的字体设置成想要的。但是有个前提是,你所使用的某种特定的字体系列,在网页是否能显示,完全取决于用户机器上该字体系列是否可用。...如果用户机器上没有这种字体,那就会变成默认的字体。 所以,为了保证可以在每一台机器上都能显示,把一款字体嵌进网页是一个不错的选择。...当然仅限于西方字体,如果是汉语的话,字体会很庞大,每次加载字体就会浪费用户很长的时间和很多的流量。 字体 首先我们必须在网上下载到自己想要的字体,比如ttf格式的字体。...Code 在css代码,我们主要使用的是font-face这个属性,它的主要功能就是把自己定义的Web字体嵌入到网页

3.8K70

如何在系统添加字体(添加字体到系统)

笔者最近在使用win10自带的OneNote笔记本记笔记的时候,发现笔者电脑中没有华文新魏这个字体,最开始以为是OneNote不带有这个字体,经过一段时间的收集资料后发现,是笔者电脑win10系统不带有这个字体...,现将有关概念和字体安装方法做一下记录。...字体是win10系统自己带有的,其他的软件自能从win10系统中用调用,而不是说字体是某些软件自带的,比如如果office的PPT中含有华文新魏这个字体,那么OneNote中就必然也含有华文新魏这个字体...,并不会存在一个软件有这个字体而另一个软件不含有这个字体的情况。...字体安装方法: 第一步,去百度上搜索字体并下载,如下图所示,搜索的时候就搜索xx字体即可,然后自行选择一个网站并下载: 要注意下载的文件后缀名为ttf格式,如图所示: 第二步,双击打开下载的文件

3.8K30

Fabric.js 使用自定义字体

这次就讲讲在 Fabric.js 创建文本时怎么使用自定义字体、在项目运行时怎么修改字体、以及推荐一个精简字体库的工具。...在创建文本时就设置字体,需要做以下几步: 在 CSS 里引入字体。 使用 Fabric.js 创建画布。 等字体加载完成后再设置文本字体。 将文本添加到画布。...在本例,我使用 IText 创建文本,在创建时通过它的 fontFamily 属性就可以设置自定义字体。...动态修改字体 如果需要在项目运行时动态修改字体,需要做以下几步: 提前加载好要用的字体库。 创建画布。 等字体加载完成后再设置文本字体。 将文本添加到画布。 修改字体前,先获取要修改的文本元素。...') }) } 精简字体库 关于 Fabric.js 如何使用自定义字体库的内容说完了,但日常工作我还遇到一个问题:某些特定地方会使用一些特殊字体,比如数字、项目名等地方

44620

Figma大波新功能来袭(暗黑模式,字体加粗,新自动布局等功能用起来!)

静电说:就在昨晚,Figma的Config2022直播活动,团队公布了多项新功能,这也是本次Figma的最大更新了。...接下来是我们需要关注的列表的文字版: 暗黑模式界面来啦 重新设计的自动布局功能 组件属性功能 Spotlight功能 FigJam相关功能(国内用户用不着) 可变字体(就是可以设置字体加粗了) 对动画效果设置动效曲线...002.字体粗细随意调节 在使用这个功能前,我们必须要更新一下Figma的Font installers,然后刷新一下浏览器窗口。如果没有更新,那Figma会在字体属性下方给我们如下提示。...但是,并不是所有文字都可以用这个功能哦,只有字体本身有这个属性的情况下,才能用,比如思源黑体的可变字体版本(后缀有VF),其它常规字体是不可以的。...005.Spotlights功能 在多人协作过程,你可以让发起者成为屏幕的焦点,这样更便于演示。作为焦点的人的屏幕状态,位置都会被标注的人看到。

2.1K20

字体设计|从历史汲取字体设计的方法

字体的负空间减小,视觉面积加重,产生一种压迫感,常用于需要聚焦视觉重心的标题字设计: 图片来源于网络 字体笔画的借鉴则可以通过给字体增加笔触来增加设计的美感。...第一种是字体结构比例的借鉴: 如瘦高的小篆,因宫内缩,字面修长,给人一种文艺轻灵的感觉。而扁方的隶书,因宫外扩,字面敦实,笔画向左右两侧伸展蜿蜒,给人一种磅礴大气的感觉。...新手也可以通过参考系统自带的黑体,来调整字体内部的笔画关系: 字体效果: 在现代黑体的基础上,融入小篆的结构特点,使字形曲直有度,温润自然,适用于女性、新中式的视觉风格。...② 使用秀丽笔模拟在纸上模拟书谱的书写,理解书帖各种书写方式下笔画生成的原因,感受文字笔画间留白的空间感。...③ 根据书写的连贯性和笔画走向,在基础字体的上增加不同程度的书写细节,并在尝试的过程不断地平衡可视性和书写感: ④ 字型的应用: 结语 作为传承五千多年的古老文化,中华文字独有的构成形态和字体细节让我们的字体历史蕴含着无穷的设计灵感

1.3K30
领券