javascript - 使用 Fabric.js 桥接文本效果

标签 javascript canvas fabricjs

我正在尝试使用 Fabric.js 在 CANVAS 上显示文本来实现桥文本效果。 我查过this关联。 enter image description here

在该引用文献中,Valley 文本已完成。我正在尝试桥文字效果。 请帮助我,也欢迎建议和引用。

最佳答案

使用基本的canvas api,这个问题有一个很好的解决方案:

How to make rooftext effect and valley text effect in HTML5 (or Fabric.js)

我发现使用 Fabric.js 重新创建它很困难,因为它看起来 Fabric.image did not implement context.drawImage(img,sx,sy,swidth,sheight,x,y,width,height) 但只有 context.drawImage(img,x,y,width,height);

我可能是错的,因为我 15 分钟前才快速浏览了一下这个库,以任何方式查看了解决方案,希望它有所帮助。

关于javascript - 使用 Fabric.js 桥接文本效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19839268/

相关文章:

javascript - 理解Javascript返回语句

javascript - 编辑后保存捕获的屏幕截图

javascript - FabricJS - 使用与窗口相同的滚动来滚动 Canvas

javascript - Fabric.js 在组后插入

javascript - FabricJS:无法克隆对象或图像,因为它们未定义

javascript - 使用 jquery galleria 插件在图像上显示一些自定义内容

javascript - 从 npm 本地导入 ES 模块依赖项,无需捆绑/转译第一方源

javascript - 如何从 JavaScript 中的对象数组中获取重复值?

javascript - 在 html5 canvas 中绘制图像的一部分

javascript - 如何以位置绝对值打印到 Canvas