("canvas");//没有鼠标交互的fabric对象
// 创建一个矩形对象
let rect = new fabric.Rect({
left: 200, //距离左边的距离
top...圆形和三角形
// 创建一个圆形对象
let circle = new fabric.Circle({
left: 0, //距离左边的距离
top: 0, //距离上边的距离...fill: "red", //填充的颜色
radius: 50, //圆的半径
});
// 创建一个三角形对象
let triangle = new fabric.Triangle({...(img, {
left: 100,
top: 100,
opacity: 0.8,
});
canvas.add(image);
3.3 通过自定义的路径绘制
在此之前我们需要了解几个参数的含义...,当然 Fabric 还支持自定义滤镜,在本篇文章点赞过 500 后我将更新 fabric 高级篇,感谢大家的支持~
3.6 颜色
无论你是使用十六进制，RGB 或 RGBA 颜色，Fabric 都能处理的很好
云服务器
ICP备案
实时音视频
对象存储
云直播
