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

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

效果如图所示: 要实现2种操作 全文加粗加粗选中的文字 如果你还不清楚 Fabric.js 有什么用,我强烈推荐你阅读 《Fabric.js 从入门到目中无人》 。...全文加粗 只需把 IText 的 fontWeight 属性设置成 bold 即可实现加粗。 如果想变回默认样式,可以 fontWeight 设为 normal 。...canvas.getActiveObject() // 只有选中文本才执行以下操作 if (activeTxt) { activeTxt.fontWeight = 'bold' // 字体加粗...《Fabric.js 基础画笔的用法 BaseBrush》 画笔的基础用法 《Fabric.js 自由绘制圆形》 “框选”动作改造成自由绘制圆形 《Fabric.js 3个api设置画布宽高》 宽高设置并不是在初始化是才能进行的...3中方法 《Fabric.js 摆正元素的4种方法(带过渡动画)》 一键摆正被你旋转过的元素 《Fabric.js 本地图像上传到画布背景》 除了在初始化时设置画布背景外,我还做了本地上传背景的功能,

3.4K30

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

标签:Excel技巧 在工作表中有很多数据,一些数据所在单元格设置为加粗字体格式,现在想要筛选出所有这些加粗字体格式的单元格。 示例数据如下图1所示。...图1 这里,讲解3种方法来实现筛选带有加粗字体格式单元格。 方法1:替换 查找和替换用于查找指定的文件,也可查找特定的格式(例如单元格背景色、字体颜色、加粗字体)。...下面来使用GET.CELL实现筛选加粗字体单元格。 在功能区“公式”选项卡中,单击“定义的名称”组中“定义名称”命令。...图5 此时,会自动筛选出所有加粗字体的单元格。 注意,这是一个宏函数,因此需要将工作簿保存为.xlsm格式。...如果单元格中为加粗字体格式,则返回TRUE,否则返回FALSE,如下图6所示。 图6 然后,与方法2中的操作一样,应用筛选即可。

2.7K30

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

消除白色边框 12 添加子标题 13 调换y轴递增顺序 1.设置坐标轴 %设置坐标轴格式 title('Title','fontsize',12,'fontname','Times'); %设置标题字体...',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)...并将图像句柄保存到fig plot(x,y) % 使用plot绘制图片,当然也可以 frame = getframe(fig); % 获取frame img = frame2im(frame); % frame...如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站立刻删除。

10K30

字体进行缓存,优化网站速度

这时候我们就需要对字体进行优化了 对字体进行优化的方式有很多,比如: 分组加载字体 限制字体加载时间 队列加载 自定义字体显示 本文主要介绍如何通过缓存的方式优化字体加载 注:本文字体应用针对全站生效...使用 Service Worker 进行缓存 # 此方法的前提是你已经注册好了 Service Worker // Service Worker 文件 // 此处文件路径修改为实际路径 const...;'); } @font-face { font-family: CustomFont; font-display: optional; /* 此处文件路径修改为实际路径 */ src...如果字体文件较大,可能会导致存储空间不足或性能问题。...浏览器的客户端存储 控制灵活性 高 低 离线支持 是 否 数据类型 二进制数据 字符串数据 功能复杂性 高 低 适用场景 高级缓存需求、离线访问 简单的数据缓存需求 字体大小 可缓存较大字体 仅缓存较小字体

11310

字体的力量:PPT设计做到极致

由于字形上的差异,相应的,不同的字体也有不同的应用场合。 比如,有些字体用来表现力量感。 有些字体用来表现古典感。 总之,每一种字体都会体现出一定的设计理念。...我们可以为标题选用字形较粗的字体,正文使用较细的字体。另外,粗细字体搭配的排版也会更加美观。 在这里给大家推荐几组不错的字体搭配组合。...另外,再提醒一个细微之处,那就是除了微软雅黑这款字体外,对于其他字体,不要人为地把字体加粗处理,因为每一款字体在设计之初,都有一定的美学理念,人为地改变笔画粗细可能会造成美观性丢失。...那么,我们可以打开求字体网首页,这张图片上传至网站服务器。然后拼出文字字形。最后单击页面底部“开始搜索”。 从网站识别结果可以看出,这款字体名称为“HOT-Ninja Std R”。...但是有一点需要注意的是,当你在求字体网进行字体下载时,如果碰到“字体下载”和“云字体”选项为灰色的情况,那就说明,字体存在版权问题。如果你想使用的话,可以去字体网站购买授权。

1.2K20

Fabric.js 使用自定义字体

学习本文前,你必须有一点 Fabric.js 的基础,如果没了解过 Fabric.js 可以阅读一下 《Fabric.js 从入门到膨胀》 创建文本时设置字体 在 Fabric.js 中使用自定义字体库时...在创建文本时就设置字体,需要做以下几步: 在 CSS 里引入字体。 使用 Fabric.js 创建画布。 等字体加载完成后再设置文本字体文本添加到画布中。...动态修改字体 如果需要在项目运行时动态修改字体,需要做以下几步: 提前加载好要用的字体库。 创建画布。 等字体加载完成后再设置文本字体文本添加到画布中。 修改字体前,先获取要修改的文本元素。...const iText = new fabric.IText('雷猴') // 文本添加到画布中 canvas.add(iText) // 设置字体 function setFont...⭐ Fabric.js 使用自定义字体

44920

我们如何 Airbnb Cereal 字体引入UI

Airbnb Cereal 字体是与全球字体工作室 Dalton Maag 与 Airbnb 的营销和体验设计团队合作创建的。 本案例研究是发布系列的一部分,详细介绍了技术流程故事。...了解更多关于我们如何设计一个区分字体,结合性质,功能和扩展在这里。 在印刷行业,决策通常在品牌传达层面上进行 - 需要考虑外观,感觉和品牌准确表达。 但是在UI设计中呢?...他们如何找到一个好的UI字体,它如何实际改变UI? 随着最近推出的新设计的字体 Airbnb Cereal,我们的团队能够亲身体验这一过程 包括品牌营销和产品UI。...要查看字体个性是否适合用户界面,我们必须使用它进行设计。使用大约20个字符使这成为一项具有挑战性的任务,因为如果我们意外地使用了我们集合之外的字符,设计程序(如Sketch)完全切换字体。...该模型使用简单的Node.js程序设置,该程序生成标题,段落和短篇故事。然后这些内容上传到云端,通过JSON转换为不同的内容集,并在网站上呈现。 ?

1.4K30

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

接下来是我们需要关注的列表的文字版: 暗黑模式界面来啦 重新设计的自动布局功能 组件属性功能 Spotlight功能 FigJam相关功能(国内用户用不着) 可变字体(就是可以设置字体加粗了) 对动画效果设置动效曲线...002.字体粗细随意调节 在使用这个功能前,我们必须要更新一下Figma的Font installers,然后刷新一下浏览器窗口。如果没有更新,那Figma会在字体属性下方给我们如下提示。...但是,并不是所有文字都可以用这个功能哦,只有字体本身有这个属性的情况下,才能用,比如思源黑体的可变字体版本(后缀有VF),其它常规字体是不可以的。...008.常用文件添加到收藏 一些经常使用的文件,在Figma里,之前是很难找到的,特别是文件多的话,这次Figma提供了一个文件进行星标的功能。

2.1K20

JS 获取浏览器默认字体大小

说是 JS,其实也还是要配合 CSS 使用。 要获取浏览器默认字体大小,我们可以使用 CSS 的 font-size 属性。...元素的字体大小设置为 medium 可以将其设为浏览器默认大小,通常为16 px。...以下是设置元素字体大小的 CSS 代码示例: .element { font-size: medium; } 一旦元素字体大小设置为浏览器默认大小,就可以通过 JavaScript 来获取其实际值...下面的代码演示了如何使用 JavaScript 获取浏览器默认字体大小: const measureElement = document.querySelector('.element'); let fontSize...最后,使用 parseInt() 方法获取到的字体大小值转换为整数。 需要注意的是,如果浏览器默认字体大小被修改,例如在 Chromium 浏览器中将其更改为"特大",则返回值将相应地更改。

3K30
领券