首页
学习
活动
专区
工具
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

JavaScript之Style属性学习

DOM和JavaSCript所控制着的行为层时,DOM和JavaScript也使用他们的一系列样式去控制表现层,这篇随笔主要说的就是利用JavaScript去控制元素的表现形式, 一、Style属性 文档的每一个元素都是一个对象...比如说,parentNode、nextSibling、previousSibling、childNodes、 firstChild、lastChild这些属性,就告诉了我们文档各节点的之间的关系信息。.../js/utility.js" type="text/javascript"> <script src=".....实现这个效果的关键是如下代码: rows[j].style.backgroundColor = "#ffc"; //当前行的背景色变成#ffc this.style.fontWeight = "bold"; //当前行的字体颜色加粗...this.style.fontWeight = "normal"; //当前行的字体加粗变为正常 这三段代码分别利用style属性设置了当我们的动作发生时,table表格相应的会做那些变化; 但是我们仔细思考下

2K80

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

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

2.7K30

Web技术与应用:CSS样式表入门

自己给出改写后代码 练习:将上面h2标题改为红色、幼圆字体。比较CSS的优势。...(3)通过控制不同的类,分别为第一个字母“G”设置为蓝色、加粗、60px字体; 第二个字母“o”设置为红色、加粗、60px字体; 第三个字母“o”设置为黄色、加粗、60px字体; 第四个字母“g”设置为蓝色...、加粗、60px字体。...3、请做出网页效果如下图所示: 要求如下: (1)设置所有文本为微软雅黑、14像素、黑色字体。 (2)“新浪”、“新浪网”为红色字体,“博客首页”为蓝色字体,网址及日期为绿色字体。...要求如下: (1)设置标题“春天”为16像素、红色、加粗、居中、下划线的效果。 (2)设置所有文本为宋体、12像素、绿色字体,“春季”字体颜色设为红色。

1.3K20

Web前端基础(01)

web前端学习 10节 HTML 学习如何搭建页面结构和内容 (盖房子 毛坯房) CSS 学习如何美化页面 (装修) JavaScript 学习如何给页面添加动态效果 jQuery JS语言框架,简化原生...JS开发 Bootstrap 前端框架对html/css/JavaScript/jQuery进行封装,目的是提高前端页面的开发效率 项目页面 ---- HTML HyperTextMarkupLanguage...: 超文本标记语言 超文本:指不仅仅是纯文本 还包括各种字体效果和多媒体(图片,音频,视频) 标记语言格式: 标签体 学习HTML主要学习有哪些标签 以及标签的使用方式...###创建HTML页面 ###常见的文本标签 内容标题h1-h6 align=“left/right/center”; 独占一行, 字体加粗, 自带上下间距 段落标签p 独占一行,自带上下间距...水平分割线hr 加粗 b 斜体 i 小字 small 删除线 s 下划线 u 换行 br 在html页面回车不是换行 只能识别成一个空格 ###列表标签 无序列表 ul:type(控制图标) li

1.1K30

前端学习(7)~css学习(一):字体属性和文本属性

) font-family:"宋体"; 是否加粗属性以及上面这三个属性,我们可以连写:(是否加粗、字号 font-size、行高 line-height、字体 font-family) 格式: font...2、字体属性的说明: (1)网页不是所有字体都能用,因为这个字体要看用户的电脑里面装没装,比如你设置: font-family: "华文彩云"; 上方代码,如果用户的 Windows 电脑里面没有这个字体...页面,中文我们一般使用:微软雅黑、宋体、黑体。英文使用:Arial、Times New Roman。页面如果需要其他的字体,就需要单独安装字体,或者切图。...字体加粗属性 .div { font-weight: normal; /*正常*/ font-weight: bold; /*加粗*/ font-weight: 100;...font-weight: 200; font-weight: 900; } 在设置字体是否加粗时,属性值既可以填写normal、bold这样的加粗字体,也可以直接填写 100至900 这样的数字

1.8K20

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——放置在图形视窗的外右边 %设置图例字体及大小

10.1K30

网页内嵌字体

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

3.8K70
领券