Fabric.js 三角形

三角形

<template>
 <canvas width="400" height="375" id="canvas" style="border: 1px solid #ccc;"></canvas>
</template>

<script setup>
import { onMounted } from 'vue'
import { fabric } from 'fabric'

function init() {
 const canvas = new fabric.Canvas('canvas')

 const triangle = new fabric.Triangle({
 top: 100,
 left: 100,
 width: 80, // 底边长度
 height: 100, // 底边到对角的距离
 fill: 'blue'
 })
 canvas.add(triangle)
}

onMounted(() => {
 init()
})
</script>

使用 new fabric.Triangle 创建三角形，三角形是需要给定 “底和高” 的。

本作品采用《CC 协议》，转载必须注明作者和本文链接