<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>vue-design-editor</title>
<script>
!(function (p) {
"use strict";
!(function (t) {
var s = window,
e = document,
i = p,
c = "".concat(
"https:" === e.location.protocol ? "https://" : "http://",
"sdk.51.la/js-sdk-pro.min.js"
),
n = e.createElement("script"),
r = e.getElementsByTagName("script")[0];
(n.type = "text/javascript"),
n.setAttribute("charset", "UTF-8"),
(n.async = !0),
(n.src = c),
(n.id = "LA_COLLECT"),
(i.d = n);
var o = function () {
s.LA.ids.push(i);
};
s.LA ? s.LA.ids && o() : ((s.LA = p), (s.LA.ids = []), o()),
r.parentNode.insertBefore(n, r);
})();
})({ id: "3GUVKKsqX1ttIKXk", ck: "3GUVKKsqX1ttIKXk" });
</script>
<style>
.first-screen-loading {
width: 200px;
height: 200px;
position: fixed;
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -100px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.first-screen-loading-spinner {
width: 36px;
height: 36px;
border: 3px solid #4d7cff;
border-top-color: transparent;
border-radius: 50%;
animation: spinner 0.8s linear infinite;
}
.first-screen-loading-text {
margin-top: 20px;
color: #4d7cff;
}
@keyframes spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
</style>
</head>
<body>
<div id="app">
<div class="first-screen-loading">
<div class="first-screen-loading-spinner"></div>
<div class="first-screen-loading-text">正在加载中,请稍等 ...</div>
</div>
</div>
<script type="module" src="/src/main.ts"></script>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【资源介绍】 基于vue和fabric.js的图片编辑器网页源码+项目说明(含demo演示地址).zip基于vue和fabric.js的图片编辑器网页源码+项目说明(含demo演示地址).zip基于vue和fabric.js的图片编辑器网页源码+项目说明(含demo演示地址).zip基于vue和fabric.js的图片编辑器网页源码+项目说明(含demo演示地址).zip基于vue和fabric.js的图片编辑器网页源码+项目说明(含demo演示地址).zip 【备注】 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用!有问题请及时沟通交流。 2、适用人群:计算机相关专业(如计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工下载使用。 3、用途:项目具有较高的学习借鉴价值,也适用于小白学习入门进阶。当然也可作为毕设项目、课程设计、大作业、初期项目立项演示等。 4、如果基础还行,或者热爱钻研,亦可在此项目代码基础上进行修改添加,实现其他不同功能。 欢迎下载,沟通交流,互相学习,共同进步!
资源推荐
资源详情
资源评论
收起资源包目录
基于vue和fabric.js的图片编辑器网页源码+项目说明(含demo演示地址).zip (89个子文件)
.browserslistrc 40B
babel.config.js 67B
.eslintrc.js 566B
项目说明.md 719B
.prettierrc 20B
.github
workflows
pages.yml 571B
commitlint.config.cjs 67B
src
style.css 16KB
mock
template.json 1.65MB
main.ts 458B
App.vue 407B
store
index.ts 2KB
assets
upload-file-bg.png 31KB
workareaCursor.svg 3KB
square.svg 498B
upload-file-image.svg 7KB
3d.svg 5KB
h2.svg 3KB
triangle.svg 547B
editor
rotateicon.svg 2KB
middlecontrol.svg 933B
middlecontrolhoz.svg 997B
edgecontrol.svg 904B
qrcode.svg 2KB
module-close.svg 1KB
upload.svg 2KB
Aa.svg 3KB
h1.svg 3KB
line.svg 564B
circle.svg 421B
styles
index.scss 31B
icon
iconfont.ttf 15KB
iconfont.css 3KB
iconfont.woff2 8KB
iconfont.woff 9KB
utils
getFileType.ts 9KB
_.ts 2KB
parse
psd.js 12KB
components
sidebar
resource.vue 14KB
bar.vue 4KB
workarea
canvas.vue 3KB
scale-bar.vue 7KB
workspace.vue 12KB
panel
bar.vue 3KB
data-input.vue 3KB
opactiy.vue 1KB
color.vue 796B
checkbox.vue 2KB
slider.vue 5KB
index.vue 17KB
workspace-size.vue 12KB
core
UtilsHandler.ts 8KB
handler.ts 15KB
WorkareaHandler.ts 9KB
ControlHandler.ts 6KB
FabricHandler.ts 5KB
ImageHandler.ts 181B
service
request.ts 2KB
types
utils.ts 992B
global.d.ts 960B
extends.d.ts 1012B
common
popover.vue 5KB
guides
types.ts 422B
index.vue 2KB
upload-file.vue 14KB
waterfall.vue 3KB
panel-block.vue 1KB
router
index.ts 335B
page
editor.vue 4KB
constants
sidebar.ts 976B
size.ts 5KB
addtab.ts 1KB
panel.ts 175B
material.ts 1KB
workspace.ts 631B
shims-vue.d.ts 318B
layout
Framework.vue 4KB
Nav.vue 5KB
.husky
commit-msg 93B
pre-commit 69B
.lintstagedrc.json 82B
package.json 2KB
public
index.html 593B
package-lock.json 1.1MB
vite.config.ts 1KB
index.html 2KB
vue.config.js 121B
.eslintignore 84B
tsconfig.json 639B
共 89 条
- 1
资源评论
北航程序员小C
- 粉丝: 2543
- 资源: 1828
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- BrushNet电商公司和摄影公司都在用的AI工作流
- 12_base.apk
- 520马上到了两款动态爱心表白HTML代码(附源码)李峋同款爱心,快送给你爱的她或(他)吧12 情侣纪念日代码.zip
- 电子设计竞赛的单相不间断电源设计
- cutcamera1715961370938.png
- 基于MATLAB的图像处理课程设计报告.doc
- tensorflow-gpu-2.6.0-cp38-cp38-manylinux2010-x86-64.whl
- mmexport1715960553858.png
- tensorflow-gpu-2.6.0-cp37-cp37m-manylinux2010-x86-64.whl
- 通过 .NET 应用程序中的源代码查找 SQL 注入
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功