椭圆形<template>
<canvas width="400" height="375" id="canvas" style="border: 1px solid #ccc;"></canvas>
</template>
<script setup>
import { onMo
......
466
0
0
2022-11-04
圆形<template>
<canvas width="400" height="375" id="canvas" style="border: 1px solid #ccc;"></canvas>
</template>
<script setup>
import { onMou
......
500
0
0
2022-11-03
圆角矩形<template>
<canvas width="400" height="375" id="canvas" style="border: 1px solid #ccc;"></canvas>
</template>
<script setup>
import { onM
......
512
0
0
2022-11-03
基础图形 矩形Fabric.js 提供了以下几种基础图形：『矩形』『圆形』『椭圆形』『三角形』『线段』『折线』『多边形』🎁 本节案例在线预览 - 基础图形🎁 本节代码仓库矩形<template>
<canvas width="400" height="375" id="canvas" style="border: 1px solid
......
428
0
0
2022-11-03
重叠影象<template>
<canvas width="400" height="375" id="canvas" style="border: 1px solid #ccc;"></canvas>
</template>
<script setup>
import { onM
......
495
0
0
2022-11-03
重复背景图<template>
<canvas width="400" height="400" id="canvas" style="border: 1px solid #ccc;"></canvas>
</template>
<script setup>
import { on
......
499
0
0
2022-11-03
拉伸背景图<template>
<canvas width="400" height="400" id="canvas" style="border: 1px solid #ccc;"></canvas>
</template>
<script setup>
import { on
......
433
0
0
2022-11-03
旋转背景图<template>
<canvas width="400" height="400" id="canvas" style="border: 1px solid #ccc;"></canvas>
</template>
<script setup>
import { on
......
566
0
0
2022-11-03
使用背景图<template>
<canvas width="400" height="400" id="canvas" style="border: 1px solid #ccc;"></canvas>
</template>
<script setup>
import { on
......
442
0
0
2022-11-03
在js设定画布参数<template>
<canvas id="canvas"></canvas>
</template>
<script setup>
import { onMounted } from 'vue'
import { fabric } from 'fabric'
......
398
0
0
2022-11-03
不可交互的画布画布上的元素将无法选中和操作。也可以理解为冻结了画布。<template>
<canvas width="400" height="400" id="canvas" style="border: 1px solid #ccc;"></canvas>
</template>
<
......
396
0
0
2022-11-03
画布Fabric.js 的画布操作性是非常强的，这里我列举几个常用例子，其他操作可以查看官方文档。『Fabric.js 画布操作 - 文档』🎁 本节案例在线预览 - 画布🎁 本节代码仓库基础版（可交互）基础版就是“起步”章节所说的那个例子。<template>
<canvas width="400" height="400" id="
......
411
0
0
2022-11-03
简介首先要说的是：本文篇幅很长，建议点赞收藏（点赞就等于学会了）。Fabric.js 简介Fabric.js 是一个功能强大且操作简单的 Javascript HTML5 canvas 工具库。如果你需要用 canvas 做特效，那我推荐你使用 Fabric.js ，因为 Fabric.js 语法更加简单易用，而且还提供了很多交互类的 api。Fabric.
......
494
0
0
2022-11-03
async和promise区别没区别,都是一个东西(promise)。因此两个的声明方式可以互相代替。
// async方式声明
var async_req = async () => 'async方式声明'
// Promise方式声明
var promise_req = Promise.resolve('Promise方式声明')
......
466
0
0
2022-10-31
通过网络获取内容既缓慢，成本又高：大的响应需要在客户端和服务器之间进行多次往返通信，这拖延了浏览器可以使用和处理内容的时间，同时也增加了访问者的数据成本。因此，缓存和重用以前获取的资源的能力成为优化性能很关键的一个方面。在这篇指南中使用 ETag 验证缓存的响应Cache-Control定义最优 Cache-Control 策略废弃和更新已缓存的响应缓存检查
......
374
0
0
2022-10-31