点赞 + 关注 + 收藏 = 学会了
本文介绍 Fabric.js 的 IText 在画布上如何让用户手动加粗文本。
效果如图所示:
要实现2种操作
如果你还不清楚 Fabric.js 有什么用,我强烈推荐你阅读 《Fabric.js 从入门到目中无人》 。该文能让你的前端技术再点亮一个技能点。
只需把 IText 的 fontWeight 属性设置成 bold 即可实现加粗。
如果想变回默认样式,可以将 fontWeight 设为 normal 。
修改完文字样式后,需要执行 canvas.renderAll() 重新渲染一下画布内容。
复制代码
可以用 setSelectionStyles 设置被选中的文字样式,里面传一个样式对象即可。
复制代码
https://gitee.com/k21vin/fabricjs-demo/blob/master/demos/ITextSetFontWeight/index.html
页面更新:2024-05-20
本站资料均由网友自行发布提供,仅用于学习交流。如有版权问题,请与我联系,QQ:4156828
© CopyRight 2020-2024 All Rights Reserved. Powered By 71396.com 闽ICP备11008920号-4
闽公网安备35020302034903号