fabric
11篇文章 · 0订阅
  • Fabric.js 拖放元素进画布
    😹 逐步拆解 Fabric.js 拖拽生成元素。如何拖拽元素？如何在画布准确地找到鼠标当前坐标？如何进行坐标转换？本文都会逐一讲解～
    前端 Canvas 数据可视化
    Fabric.js 拖放元素进画布
  • 每一个用到canvas的小伙伴都应该了解的fabric.js
    绘制复杂的图形和在特定情况需要改变图片以及交互的时候,使用原生 canvas API 将会变得很困难。 而 Fabric 旨在解决这个问题。
    前端 Canvas
    每一个用到canvas的小伙伴都应该了解的fabric.js
  • Fabric.js 精简输出的JSON🎫
    🎫 本文要讲的 “精简JSON” 其实是 精简版序列化 。序列化可以将 Fabric.js 的画布导出成一个 JSON 对象。而精简后的序列化就是一个更干净的数据。
    前端 Canvas
    Fabric.js 精简输出的JSON🎫
  • Fabric.js 让用户手动加粗文本
    本文介绍 Fabric.js 的 IText 在画布上如何让用户手动加粗文本。 要实现2种操作：全文加粗、只加粗选中的文字
    前端 数据可视化
    Fabric.js 让用户手动加粗文本
  • Fabric.js 图案画笔(笔刷)
    🙉 Fabric.js 有图案画笔功能，这个功能可以简单理解成“刮刮卡”效果。 如果只是看 Fabric.js 文档可能还不太明白 图案画笔 PatternBrush 是如何使用的。
    前端 Canvas 数据可视化
    Fabric.js 图案画笔(笔刷)
  • Fabric.js 样式不更新怎么办？
    不知道你有没有遇到过在使用 Fabric.js 时无意中一些骚操作修改了元素的样式，但刷新画布却没更新元素样式？ 如果你也遇到同样的问题的话，可以尝试使用本文的方法。
    前端 Canvas 数据可视化
    Fabric.js 样式不更新怎么办？
  • Fabric.js 自定义控件
    🦄 虽然 Fabric.js 提供的基础功能已经很丰富了，但有时难免需要定制一些需求。比如本文要讲的 『自定义控件』。
    前端 Canvas 数据可视化
    Fabric.js 自定义控件
  • Fabric.js 讲解官方demo：Stickman
    🦞Fabric.js 官网有很多有趣的Demo，不仅可以帮助我们了解其功能，还可以为我们提供创意灵感。其中，Stickman是一个非常有趣的例子。
    前端 Canvas 数据可视化
    Fabric.js 讲解官方demo：Stickman
  • 没有轮子就自己造一个，用 fabric 写一个标尺
    今天领导给我一个任务，就是要求画布上面需要增加一个标尺，用来识别画布内元素的坐标，于是就开始我的搬砖之旅了。 开始想着挺简单的，不就是对画布进行刻度标记吗，写着写着发现有点不连贯了，于是就开始在网上找
    前端 JavaScript 掘金·金石计划
    没有轮子就自己造一个，用 fabric 写一个标尺
  • 使用Fabric.js玩转canvas
    之前使用这个框架写过一个卡片DIY的项目，中间遇到很多问题都只能通过google或github issues才能解决，国内资料较少，所以才想写这篇文章来简单的做下总结，希望可以帮到其他人哈。 Fabric.js 是一个强大的H5 canvas框架，在原生canvas之上提供了交…
    前端 Canvas JavaScript