作者:与幸福约定2502895163 | 来源:互联网 | 2023-10-10 13:54
在js设定画布参数
<template>
<canvas id="canvas">canvas>
template>
<script setup>
import { onMounted } from 'vue'
import { fabric } from 'fabric'
function init() {
const canvas = new fabric.Canvas('canvas', {
width: 300,
height: 300,
backgroundColor: '#eee'
})
const circle = new fabric.Circle({
radius: 30,
top: 20,
left: 20,
fill: 'pink'
})
canvas.add(circle)
}
onMounted(() => {
init()
})
script>
new fabric.Canvas
的第二个参数是用来设置画布基础功能的。更多配置参数可以查看 『官方文档』。
Fabric.js
canvas
前端