fabric photo

发表于2022-02-19|更新于2026-02-24

|浏览量:

这是一个流行离开的世界，但是我们都不擅长告别。——《生活在别处》

今天分享一个fabric photo，它是一个基于 canvas 的纯前端的图片编辑器，支持方形，圆形，箭头，缩放，拖拽，鹰眼，马赛克，涂鸦，线条，导出 png，剪切等

github地址：https://github.com/ximing/fabric-photo

在线体验Demo：https://ximing.github.io/fabric-photo/

找了很多个，这个应该是很好用的了

并且协议为MIT，支持商用

相关推荐

温和的对待，不会使敌人变成朋友——萨迪文档：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/vitejs/rolldown-vite rolldown-vite：Vite x Rolldown —— 前端构建的性能新纪元近年来，前端工程化发展迅猛，从 Webpack 到 Rollup，再到 Vite，每一次构建工具的革新都极大提升了开发体验和构建性能。而随着 JavaScript 生态的壮大，底层 bundler 性能成为新一轮创新焦点。Rolldown-vite 正是这一变革的前沿探索：它将 Vite 的极速开发体验，与 Rolldown（Rust 实现的 JS bundler）的极致性能结合，带来前端构建效率的新高度。一、项目简介仓库地址：vitejs/rolldown-vite 项目定位：Vite 的 Rolldown 版本，是 Vite 官方基于 Rolldown bundler 的实验性分支简介：The WIP version of Vite powered by Rolldown 主要语言：TypeScript 开源协议：MIT 社区热度：1000+ ...

Neumorphic Elements

与智者同行，必得智慧；与愚者相伴，必定无益处。——大卫王分享一些前端漂亮的小组件 https://codepen.io/myacode/pen/PoqQQNM 效果还是非常惊艳的

export default和module.exports

我期望理解，但是也慢慢地感受到了一种责任，给予比接受伟大，去爱比被爱伟大。 ——海明威我们在vue项目中创建两个js 在util.js中写入 123export default { ruben: 'ruben'} 在api.js中写入 123module.exports = { vampire: 'vampire'} 我们再来一个页面中使用两种方式引用 123456789101112131415<script>import util from '@/common/util.js';import api from '@/common/api.js'const util1 = require('@/common/util.js')const api1 = require('@/common/api.js')export default{ created(){ co...

或许美化灵魂有不少途径，但我想，阅读是其中易走的，不昂贵的，不须求助他人的捷径。——严歌苓《读书与美丽》 https://github.com/wanglin2/mind-map 思绪 Simple mind map 深度解析：一个简单 & 强大的 Web 思维导图库与跨平台应用生态仓库地址：wanglin2/mind-map开发文档：https://wanglin2.github.io/mind-map-docs/在线使用（网页版思维导图）：https://wanglin2.github.io/mind-map/中文名：思绪思维导图（Simple mind map） 1. 项目定位Simple mind map 是一个不依赖任何前端框架的 JS 思维导图库，同时作者基于该库又构建了一个可直接在线使用的 Web 思维导图应用（基于 Vue2 + ElementUI）。它的目标不是“花哨”，而是专注于：核心逻辑简洁扩展机制清晰（插件化）高度可配置与自定义支持多结构、多格式、多媒体内容节点可以既做“库”又做“产品”，利于二次...

通过github api统计组织Star数

君子之学，博于外而尤贵精于内。——王廷相文档如下： https://docs.github.com/zh/rest/orgs/orgs?apiVersion=2022-11-28 代码如下： 123456789101112const response = await fetch('https://api.github.com/orgs/dromara/repos?per_page=100&page=1'); if (!response.ok) { throw new Error(`Error fetching repos: ${response.statusText}`); } const repos = await response.json();console.log(repos)const list = repos.map(({name,stargazers_count})=>({name,stargazers_count}))console....

阿超

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

数据加载中