41 Star 870 Fork 244

德育处主任 / 前端数据可视化

Create your Gitee Account
Explore and code with more than 12 million developers,Free private repositories !:)
Sign up
Clone or Download
Textbox.vue 659 Bytes
Copy Edit Web IDE Raw Blame History
德育处主任 authored 2021-10-27 13:48 . fabric 文本框
<template>
<div>
<canvas id="canvas" width="600" height="600" style="border: 1px solid #ccc;"></canvas>
</div>
</template>
<script setup>
import { onMounted } from 'vue'
import { useStore } from 'vuex'
import { fabric } from 'fabric'
const store = useStore()
function init() {
const canvas = new fabric.Canvas('canvas')
const textbox = new fabric.Textbox('Lorum ipsum dolor sit amet', {
left: 50,
top: 50,
width: 150,
fontSize: 20
})
canvas.add(textbox)
}
onMounted(() => {
store.commit('setComponentPath', 'src/views/FabricJS/Basic/pages/Textbox/Textbox.vue')
init()
})
</script>
<style lang="scss" scoped>
</style>
1
https://gitee.com/k21vin/front-end-data-visualization.git
git@gitee.com:k21vin/front-end-data-visualization.git
k21vin
front-end-data-visualization
前端数据可视化
master

Search

14c37bed 8189591 565d56ea 8189591