Fabric.js

Fabric.js 是一个在服务器端运行的 Node.js 扩展模块,用于在Web上绘制各种图形的 JS 库。 示例代码: var fabric = require('fabric').fabric, canvas = fabric.createCanvasForNode(200, 200); canvas.add(new fabric.Rect({ top: 100, left: 100, width: 100, height: 50, angle: 30, fill: 'rgba(255,0,0,0.5)' })); var out = require('fs').createWriteStream(__dirname + '/rectangle.png'), stream = canvas.createPNG...

相关文章

加载中

[博客] fabric.js 学习

https://my.oschina.net/u/4401856/blog/4245642

官网地址:http://fabricjs.com/ git https://github.com/kangax/fabric.js/   

2018/02/28 00:00

[博客] fabric.js和高级画板

https://my.oschina.net/u/4366211/blog/4020511

本文介绍fabric.js框架使用,以及使用fabricjs打造一个高级画板程序. 高级画板功能介绍 全局绘制颜色选择 护眼模式、网格模式切换 自由绘制 画箭头 画直线 画虚线 画圆/椭圆/矩形/直角三角形...

2018/04/04 00:00

[博客] 七彩的风车(fabric.js

https://my.oschina.net/u/1463467/blog/209751

2014/03/19 00:00

[博客] Fabric.js canvas 图形库

https://my.oschina.net/u/4298243/blog/3397982

1、github地址: https://github.com/fabricjs/fabric.js 2、简述 Fabric.js将canvas的编程变得简单。同时在canvas上添加了交互。交互包括:移动、旋转、缩放,修改透明度、颜色和z-index等。...

2019/09/12 00:00

[博客] fabric.js 问题总结

https://my.oschina.net/u/3757195/blog/3155085

1.toDataURL时图片会模糊,可以给对象设置zoom,生成图片后再进行将图像还原。

01/08 00:00

[博客] fabric.js 知识点整理

https://my.oschina.net/u/4352677/blog/3412516

fabric.js是一个很好用的 canvas 操作插件,下面整理了一些平时项目中用到的知识点: //1: 获得画布上的所有对象:var items = canvas.getObjects(); //2: 设置画布上的某个对象为活动对象。...

2019/08/28 00:00

[博客] Javascript(fabric.js)

https://my.oschina.net/u/98127/blog/694053

fabric.sample.html

2016/06/19 00:00

[软件] Fabric.js - JavaScript 绘图库

https://www.oschina.net/p/fabric

Fabric.js 是一个在服务器端运行的 Node.js 扩展模块,用于在Web上绘制各种图形的 JS 库。 示例代码: var fabric = require('fabric').fabric, canvas = fabric.createCanvasForNode(200, ...

[博客] Fabric.js高级点的教程1--添加辅助线的方法

https://my.oschina.net/u/868826/blog/1941539

Fabric.js 非常的强大,但是国内的资源教程很少,最近想加个功能给元素添加辅助参考线(类似 http://jsfiddle.net/elin/A6CpP/ )。这样某个元素移动缩放都会根据其他元素有个参考,就行ps里...

2018/09/03 00:00

[博客] fabric.js 限制缩放的最大最小比例

https://my.oschina.net/u/4255396/blog/3470650

var rect = new fabrics.Rect({ })// 移动中限制区域rect.on('moving', e => { });// 移动结束修改位置rect.on('moved', e => { });// 缩放中限制区域rect.on('scaling', e => { });// 缩放结...

2019/07/09 00:00

[问答] fabric.js 绘制复杂图形寻求帮助

https://www.oschina.net/question/4619988_2318240

功能分别截图如下: 1:类似于码尺功能,在开始绘制绘画后起点-到结点 双方向都有箭头指示。切有文字(米数可不计算能编辑填写就行)。 2:文字输入功能,第一个就是在编写文字的时候带框,第...

08/18 00:00

[资讯] Fabric.js 3.1.0 发布,简易 JavaScript Canvas 库

https://www.oschina.net/news/107131/fabric-js-3-1-0-released

Fabric.js 3.1.0 发布了,主要更新内容如下: 修复: 构造函数不存在于 IE10 中所造成的问题 改进:支持用大写字母 “E” 表示的科学记数法 新增:PencilBrush 画笔现在支持 decimate 属性,...

2019/06/02 00:00

[资讯] Fabric.js 1.7.14 发布,简易 JavaScript Canvas 库

https://www.oschina.net/news/86359

Fabric.js 1.7.14 已发布,Fabric.js 是一款简单而强大的 JavaScript Canvas 库,在 HTML5 Canvas 元素之上提供了互动的对象模型,同时还包含 Canvas-to-SVG 解析器。 使用 Fabric.js 你可以...

2017/07/02 00:00

[资讯] Fabric.js 4.0.0 发布,JavaScript Canvas 库

https://www.oschina.net/news/117804/fabric-js-4-0-0-released

Fabric.js 4.0.0 已经发布。Fabric.js 是一款简单而强大的 JavaScript Canvas 库,在 HTML5 Canvas 元素之上提供了互动的对象模型,同时还包含 Canvas-to-SVG 解析器。 使用 Fabric.js 可以创...

08/10 00:00

[博客] Fabric.js高级点的教程2--添加表格的方法

https://my.oschina.net/u/868826/blog/2246030

有时候我们先在画布上画一个表格类似一下设计软件那种。一方面作为参考线,一方面给人一直专业的赶脚。。。 先贴上一段网上(不是我写的)可以运行的代码 https://codepen.io/rodan8888/pen/e...

2018/10/15 00:00

[资讯] Fabric.js 3.5.0 发布,简易 JavaScript Canvas 库

https://www.oschina.net/news/111368/fabric-js-3-5-0-released

Fabric.js 3.5.0 发布了,主要更新内容如下: 弃用:弃用 3 种方法:setPatternFill、setColor、setShadow 修复:删除 strokeUniform 的线破折号修改 #5953 改进:ISSUE-5955 递归解析 svg ...

2019/11/16 00:00

[博客] Fabric.js高级点的教程4--内嵌工作台画布

https://my.oschina.net/u/868826/blog/3047028

额。。这是我自己创造的名词,内嵌工作台画布 要实现什么效果 如图(http://fabricjs.com/kitchensink): 首先想元素脱出画布外一部分也能选中,如图上面就没法选择超出框外的内容。我想到的是...

2019/05/08 00:00

[资讯] Fabric.js 2.3.3 发布,简易 JavaScript Canvas 库

https://www.oschina.net/news/97152

Fabric.js 2.3.3 已发布,主要是修复了文本 Trailing 和 zwj 。#5048 Fabric.js 是一款简单而强大的 JavaScript Canvas 库,在 HTML5 Canvas 元素之上提供了互动的对象模型,同时还包含 Canv...

2018/06/18 00:00

[资讯] Fabric.js 2.4.6 发布,简易 JavaScript Canvas 库

https://www.oschina.net/news/103036/fabricjs-2-4-6-released

Fabric.js 2.4.6 已发布,这是一个小的 bug 修复版本,解决了 2.4.5 版本中存在的 svg 导出问题 #5438 Fabric.js 是一款简单而强大的 JavaScript Canvas 库,在 HTML5 Canvas 元素之上提供了...

2018/12/26 00:00

[资讯] Fabric.js 2.4.4 发布,简易 JavaScript Canvas 库

https://www.oschina.net/news/102105

Fabric.js 2.4.4 已发布,此版本主要做了一些 bug 修复,内容如下: Fix: add clipPath to stateful cache check. #5384 Fix: restore draggability of small objects #5379 Improvement: A...

2018/11/26 00:00
返回顶部
顶部