yft-design

发表于2023-08-29|更新于2026-02-24

|浏览量:

与所爱的人长期相处的秘诀是：放弃改变对方的念头。——萨尔丹

分享一个项目yft-design

yft-design: 基于Canvas的开源版"创客贴"，使用 Vue3+ TypeScript + fabric.js + pinia + element-plus + pwa，支持文字、图片、形状、线条、二维码、条形码几种最常用的元素类型，每一种元素都拥有高度可编辑能力，缩略图显示，模板，支持导出json，svg, image文件

体验Demo：https://yft.design
体验Demo：https://more-strive.github.io/design/

相关推荐

温和的对待，不会使敌人变成朋友——萨迪文档：https://developer.mozilla.org/zh-CN/docs/Web/API/Notification https://developer.mozilla.org/zh-CN/docs/Web/API/notification/requestPermission 代码如下 1234567Notification.requestPermission().then((permission) => { // If the user accepts, let's create a notification if (permission === "granted") { const notification = new Notification("Hi there!"); // … } }); 效果：完整代码： 1234567891011121314151...

运筹帷幄之中，决胜千里之外。——司马迁《史记》 https://github.com/immich-app/immich Immich：高性能开源自托管照片&视频管理系统——你的私人 Google Photos 替代品在数字时代，照片和视频见证着我们的生活点滴。但随着数据量激增、隐私意识提升，越来越多的人开始厌倦“云厂商锁定”，渴望拥有一个属于自己的、高效、安全的照片与视频管理平台。Immich，正是当前全球最火爆的自托管多媒体管理新秀，它不仅是“Google Photos 的开源替代”，更是极客与家庭用户的首选新宠。一、项目简介项目地址：immich-app/immich 官网：https://immich.app 一句话描述：High performance self-hosted photo and video management solution. 主语言：TypeScript（前后端均现代技术栈） Star：81,736+ Forks：4,296+ License：AGPL-3.0 标签：self-hosted photo-gallery ...

Apache-ShenYu动态扩缩容前端对接

能够隐藏自己的才能是一种很大的才能。——罗休夫柯 pr链接： https://github.com/apache/shenyu-dashboard/pull/489 see gif: 后端也包含了一个提交sql和优化代码的pr： [type:improve] Add dynamically scale admin page by VampireAchao · Pull Request #5706 · apache/shenyu · GitHub 菜单的： 12345INSERT INTO `resource` VALUES ('1844015648095666176', '1346776175553376256', 'SHENYU.MENU.SYSTEM.MANAGMENT.SCALE', '', '/system/scale', '', 1, 4, 'sliders', 0, 0, '', 1, ...

醉过才知酒浓，爱过才知情重。你不能做我的诗，正如我不能做你的梦。——胡适 https://developer.mozilla.org/zh-CN/docs/Web/CSS/transform-function/skew CSS中的skew()函数：打造斜切效果在前端开发中，CSS transform属性为我们提供了强大的工具来操控元素的外观，而skew()函数正是其中一种常用的变换方式。本文将带你详细了解skew()的原理、用法以及它如何为你的网页增添设计灵感。什么是skew()？skew()是一种 2D 变换函数，用于对元素进行斜切变换。简单来说，它会将元素沿着 X 轴或 Y 轴方向倾斜一定的角度，创造出一种动态的透视效果。它的应用场景广泛，包括按钮动画、卡片设计和图形变换等。语法1transform: skew(ax, ay); ax：沿 X 轴的倾斜角度（可选，默认值为 0）。 ay：沿 Y 轴的倾斜角度（可选，默认值为 0）。单位为角度（deg），也可以使用弧度（rad）或其他角度单位。用法示例1. 基本应用以下示例将一个矩形沿 X 轴倾斜 20...

vue页面加载完毕之后执行

好奇心造就科学家和诗人。——法朗士当vue页面加载完成后触发我们在html开发中经常是使用window.onload实现 123window.onload = () => { } 但在vue中我们使用this.$nextTick 123this.$nextTick(() => { console.log("页面加载完啦~")}) 效果如下

uniapp阻止navigator冒泡

作为一个人，要是不经历过人世上的悲欢离合，不跟生活打过交手仗，就不可能懂得人生的意义。——杨朔代码如下 1234567891011121314151617181920212223242526272829303132333435<template> <view> <view class="navigators"> <view class="parent-navigator" @tap="parentEvent()"> 上层，打印语句 <navigator class="child-navigator" url="/pages/test/test">内层，回到/pages/test/test页面</navigator> </view> </view> </view></template><script>export defau...

阿超

我的名字叫阿超年龄25岁家在北京市职业是软件开发每天最晚也会在八点前回家不抽烟酒浅尝辄止晚上十二点上床保证睡足八个小时睡前写一篇博客再做二十分钟俯卧撑暖身然后再睡觉基本能熟睡到天亮像婴儿一样不留下任何疲劳和压力就这样迎来第二天的早晨健康检查结果也显示我很正常我想说明我是一个不论何时都追求内心平稳的人不拘泥于胜负不纠结于烦恼不树立使我夜不能寐的敌人这就是我在这社会的生活态度

数据加载中