43 Star 958 Fork 264

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

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
.vscode
dist
public
src
assets
components/Root
router
store
views
BaiduMap
Canvas
ECharts
FabricJS
Basic
pages
AbsolutePan
Animation
BasicGraph
CenterObject
ChangingBordersCorners
ClipPath
Color
Deserialization
DrawPath
Event
Filter
FreeDrawing
Gradient
Groups
IText
IText.vue
Locking
MousePoint
MoveTo
RemoveObj
SelectedStyle
Serialization
SetCanvasWH
Stated
StraightenObject
Text
Textbox
UseImage
ZoomAndPanning
index.vue
Demo
index.vue
Home
Native
NotFound
OpenLayers
SVG
Three
App.vue
main.js
.gitignore
LICENSE
OfficialAccounts.gif
README.md
index.html
package-lock.json
package.json
preview.gif
q.png
vite.config.js
克隆/下载
IText.vue 679 Bytes
一键复制 编辑 原始数据 按行查看 历史
<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')
// 使用 IText,可编辑文本
const text = new fabric.IText(
'雷猴啊,双击打几个字试下~',
{
fontFamily: 'Comic Sans'
}
)
canvas.add(text)
}
onMounted(() => {
store.commit('setComponentPath', 'src/views/FabricJS/Basic/pages/IText/IText.vue')
init()
})
</script>
<style lang="scss" scoped>
</style>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
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

搜索帮助