Fabric.js中文文档
Fabric.js中文文档导航
说明:
1、本系列如果有两个超链接,则第一个是官方文档链接,第二个是中文文档链接,用/
分隔,若不存在第二个链接或第二个链接无法跳转则代表没有或还未完成。
2、本系列大部分代码demo都是参考官方文档自己实践而成,有些地方与官方文档不一样会有说明,也有少部分没有亲自实现直接使用了官网文档的代码。
3、本系列代码使用vue语法,每篇文章的第一个代码片段会有标签和样式部分,其他代码无特殊情况只放部分mounted(){}中的代码或与上文没有重复的核心代码。
4、更多参考:GitHub、Gitee、个人博客
Vue中使用fabric.js
方法一:
先安装fabricjs
npm i fabric --save
在main.js中使用
import fabric from "fabric"
Vue.use(fabric)
如果方法一无效可以使用方法二⬇️
方法二:
#需要先安装canvas
npm i canvas --save
#安装fabricjs
npm i fabric --save
在需要使用的页面引入
import { fabric } from "fabric";
官方导航
- Home
- Demos
- Tutorial
- Docs
- Custom Build
- Support
- Tests/Benchmarks
- Team
- Follow @fabricjs
General Support(普通帮助)
- Fabric Gotchas/Fabric 缺陷-使用Fabric.js时最常见的问题的答案
Upgrade Resources(升级资源)
- Upgrade Guide/升级指南-每个主要Fabric.js版本中的主要更改的摘要
- v4.0 Breaking Changes -/v4.0重大更改-Fabric.js v.4x中重大更改的指南
- Changelog v2.x and up /Changelog v2.x及更高版本-Fabric.js当前版本亮点
- Fabric.js 2.0 Changes/Fabric.js 2.0更改-Fabric.js 2.0版中的更改的基本摘要
- v2.0 Breaking Change Guide Part 1/v2.0重大更改指南第1部分-第1部分,包括用于处理来自先前Fabric.js版本的JSON的示例代码
- v2.0 Breaking Change Guide Part 2/v2.0重大更改指南第2部分-v2.0的第2部分重大更改
- Changelog v1.x /更改日志 v1.x -Fabric.js的早期版本的发行要点(最高v1.7.23)
Introduction to FabricJS(FabricJS简介)
帮助您开始使用Fabric.js的基本指南
- Introduction to custom controls for Fabric 4.x/Fabric 4.x的自定义控件简介
- Introduction to Fabric object cache/Fabric对象缓存简介
- Introduction to Fabric.js: Part 1/Fabric.js简介:第1部分
- Why Fabric(为什么用Fabric)
- Objects(对象)
- Canvas(画布)
- Images(图像)
- Path and PathGroup(路径和路径组)
- Introduction to Fabric.js: Part 2/Fabric.js简介:第2部分
- Animation(动画)
- Image filters(图像滤镜)
- Colors(颜色)
- Gradients(渐变)
- Text(文本)
- Events(事件)
- Introduction to Fabric.js: Part 3 /Fabric.js简介:第3部分
- Groups(组合)
- Serialization(序列化)
- Deserialization, SVG Parser(反序列化,SVG解析器)
- Subclassing(子类化)
- Introduction to Fabric.js: Part 4 /Fabric.js简介:第4部分
- Free drawing(自由绘图)
- Customization(自定义)
- [Fabric on Node.js(Node.js中的Fabric)
- Introduction to Fabric.js: Part 5/Fabric.js简介:第5部分
- Pan and zoom the canvas(平移和缩放画布)
- Introduction to Fabric.js: Transformations/Fabric.js简介:转换
- Using transformations(使用转换)
- Introduction to Fabric.js: Part 7 - Subclasses/Fabric.js简介:第7部分-子类
- Subclassing Textbox for use bitmap fonts(子类化文本框以使用位图字体)
- Introduction to Fabric.js: Part 8 - Clipping with clipPaths/Fabric.js简介:第8部分-使用clipPaths进行剪辑
- ClipPaths basics(ClipPaths基础)
- ClipPaths nesting and more complex scenario(ClipPaths嵌套和更复杂的场景)
- ClipPaths on canvas(画布上的ClipPaths)
- ClipPaths and absolute position(ClipPaths和绝对位置)
Fabric.js中文文档相关推荐
- c if sortable html,sortable.js中文文档
sortable.js中文文档 Sortable.js是一款优秀的js拖拽库,支持ie9及以上版本ie浏览器和现代浏览器,也可以运行在移动触摸设备中.不依赖jQuery.支持 Meteor.Angul ...
- Chart.js中文文档-雷达图
雷达图或蛛网图(Radar chart) 简介 A radar chart is a way of showing multiple data points and the variation bet ...
- Chart.js 中文文档(整理)
Chart.js 中文文档(整理) Chart.js是一个简单.面向对象.为设计者和开发者准备的图表绘制工具库. 步骤: 1.在HTML中引入Chart.js文件 <script src=&qu ...
- web3.js 中文文档 入门
web3.js 中文文档 v1.3.4 入门(Getting Started) web3.js是包含以太坊生态系统功能的模块集合. web3-eth用于以太坊区块链和智能合约. web3-shh是针对 ...
- three.js中文文档下载_threejs基础学习一
three.js是个插件库,就是使用javascript 来写3D程序.网上教程挺多的,官方的中文文档也有,甚至有本书<Three.js开发指南>,所以这个插件库还是很成熟的.没错,最近一 ...
- nodeJS 中文API node.js 中文文档
Node.js Manual & Documentation Table Of Contents Synopsis 概要 Global Objects 全局对象 global process ...
- immutable.js中文文档
Immutable 是什么? 关于Immutable的定义,官方文档是这样说的: Immutable data encourages pure functions (data-in, data-out ...
- JS物理引擎p2.js中文文档
本文复制于Github p2.js项目的中文维基页面,鉴于国内访问Github网速不稳定,特粘贴到CSDN,促进知识更快传播,也希望有能力者继续完善此文档. 以下是原文,更新内容请查阅Github p ...
- hammer.js中文文档
转自:http://www.uedsc.com/hammerjs-api.html HammerJS是一个优秀的.轻量级的触屏设备手势库,现在已经更新到2.04版本,跟1.0版本有点天壤地别了,毕竟改 ...
- 单元测试断言库:chai.js中文文档
原文档地址:https://www.chaijs.com/api/bdd/ BDD风格包含expect和should.它们以相同的链式结构进行断言,它们的不同之处在于初始的断言构造.可以查看风格指南来 ...
最新文章
- 【转】js frame 框架编程
- 双网口相机平台搭建C++(大恒水星)
- /dev 设备文件属性解读
- 关于如何正确地在android项目中添加第三方jar包
- C++多线程快速入门(四)shared_mutex以及读写锁应用
- c语言 二进制输出_推荐收藏!C语言入门基础知识大全
- 广州新一代域名注册量动态:11月下旬净增3425个
- DELPHI基础教程 第七章 剪贴板和动态数据交换
- mysql ssl编译_MySQL8开启ssl加密
- meta分析一般步骤
- c语言程序设计模拟卷视频,《C语言程序设计》模拟试卷A卷.doc
- 51单片机KEILC51的安装
- ASP.NET在线考试系统+文档说明
- XSS修炼之独孤九剑——笔记
- java玩gbc,GB也有相当严谨的格斗游戏。GBC少年街霸2.让我稍微惊喜了一下。
- linux下查看手机芯片,如何查看手机闪存型号
- qq第三方登录的调用
- 程序员工作中沟通能力重要吗
- Android基于XMPP Smack openfire 开发的聊天室
- Oracle EBS 开发如何获得并发请求REQUEST ID
热门文章
- SAP中通过历史记录查询追溯BOM工程变更处理物料升级未生效问题实例
- Linux du命令和df命令
- python合并excel工作簿_使用python将excel工作簿工作表合并为一个工作表
- 高等数学 - 两平面的夹角
- 把数组排成最小的数(输入一个正整数数组,把数组里所有数字拼接起来排成一个数,打印能拼接出的所有数字中最小的一个。例如输入数组{3,32,321},则打印出这三个数字能排成的最小数字为321323。)
- Wps文档目录页码加小括号?
- 计算机操作系统——程序执行的流程
- O(lgn)计算斐波那契数
- EXCEL批量删除行
- 快速学会关键路径、最早开始时间和最晚开始时间的计算