径向渐变<template>
<canvas width="600" height="600" id="canvas" style="border: 1px solid #ccc;"></canvas>
</template>
<script setup>
import { onM
......
362
0
0
2022-11-08
其实样式属性是非常多的，这里只列举常用的属性，其他属性可以自行查阅官方文档。本例以圆形为例（不要在意配色，我随便输入颜色演示一下）<template>
<canvas width="400" height="400" id="canvas" style="border: 1px solid #ccc;"></canvas
......
397
0
0
2022-11-08
『Fabric.js 文本框 - 文档』🎁 本节案例在线预览 - 文本框🎁 本节代码仓库<template>
<canvas width="400" height="400" id="canvas" style="border: 1px solid #ccc;"></canvas>
</template&g
......
454
0
0
2022-11-08
『Fabric.js 可编辑的文本 - 文档』🎁 本节案例预览 - 可编辑的文本🎁 本节代码仓库<template>
<canvas width="400" height="400" id="canvas" style="border: 1px solid #ccc;"></canvas>
</templa
......
354
0
0
2022-11-08
最近做一个足球赛事的功能，查询赛事需要更具 洲 - 国 - 赛事几级联动查询所以前端给的数据格式是：[{
value: '3', #洲id
label: '亚洲联赛', #洲名称
children: [{
value: '45', #国id
......
475
0
0
2022-11-05
多边形<template>
<canvas width="400" height="375" id="canvas" style="border: 1px solid #ccc;"></canvas>
</template>
<script setup>
import { onMou
......
570
0
0
2022-11-05
折线<template>
<canvas width="400" height="375" id="canvas" style="border: 1px solid #ccc;"></canvas>
</template>
<script setup>
import { onMoun
......
519
0
0
2022-11-04
椭圆形<template>
<canvas width="400" height="375" id="canvas" style="border: 1px solid #ccc;"></canvas>
</template>
<script setup>
import { onMo
......
440
0
0
2022-11-04
圆形<template>
<canvas width="400" height="375" id="canvas" style="border: 1px solid #ccc;"></canvas>
</template>
<script setup>
import { onMou
......
472
0
0
2022-11-03
圆角矩形<template>
<canvas width="400" height="375" id="canvas" style="border: 1px solid #ccc;"></canvas>
</template>
<script setup>
import { onM
......
448
0
0
2022-11-03
基础图形 矩形Fabric.js 提供了以下几种基础图形：『矩形』『圆形』『椭圆形』『三角形』『线段』『折线』『多边形』🎁 本节案例在线预览 - 基础图形🎁 本节代码仓库矩形<template>
<canvas width="400" height="375" id="canvas" style="border: 1px solid
......
393
0
0
2022-11-03
重叠影象<template>
<canvas width="400" height="375" id="canvas" style="border: 1px solid #ccc;"></canvas>
</template>
<script setup>
import { onM
......
440
0
0
2022-11-03
重复背景图<template>
<canvas width="400" height="400" id="canvas" style="border: 1px solid #ccc;"></canvas>
</template>
<script setup>
import { on
......
458
0
0
2022-11-03
拉伸背景图<template>
<canvas width="400" height="400" id="canvas" style="border: 1px solid #ccc;"></canvas>
</template>
<script setup>
import { on
......
396
0
0
2022-11-03
旋转背景图<template>
<canvas width="400" height="400" id="canvas" style="border: 1px solid #ccc;"></canvas>
</template>
<script setup>
import { on
......
524
0
0
2022-11-03