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，支持商用

相关推荐

文字不换行超出后左右滑动

人生就象弈棋，一步失误，全盘皆输，这是令人悲哀之事；而且人生还不如弈棋，不可能再来一局，也不能悔棋。——弗洛伊德如下div 123456789101112131415161718192021222324252627282930313233<div>对我个人而言，先辈不仅仅是一个重大的事件，还可能会改变我的人生。带着这些问题，我们来审视一下先辈。本人也是经过了深思熟虑，在每个日日夜夜思考这个问题。所谓先辈，关键是先辈需要如何写。这种事实对本人来说意义重大，相信对这个世界也是有一定意义的。歌德在不经意间这样说过，读一本好书，就如同和一个高尚的人在交谈。我希望诸位也能好好地体会这句话。这种事实对本人来说意义重大，相信对这个世界也是有一定意义的。生活中，若先辈出现了，我们就不得不考虑它出现了的事实。在这种困难的抉择下，本人思来想去，寝食难安。既然如何，那么，本人也是经过了深思熟虑，在每个日日夜夜思考这个问题。先辈，到底应该如何实现。我认为，可是，即使是这样，先辈的出现仍然代表了一定的意义。总结的来说，那么，在这种困难的抉...

运筹帷幄之中，决胜千里之外。——司马迁《史记》 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 ...

为爱情赌气，就丧心病狂了！——塞万提斯分享一个好玩的css属性： mix-blend-mode，MDN 该属性可以将元素和后面的背景进行混合什么叫混合呢？例如我看到的一个网站：红框框出来的部分，是鼠标移动上去的一个效果这个小圈，与后面的图片进行了反色，而且对于不少图片都有类似效果，我一开始以为是用了两张图片做的处理后来发现并不是，是用的这个css 1mix-blend-mode: exclusion; 其提供的不只是反色一个选项，还有很多的值，都可以使用

javascript防抖

JavaScript防抖：用于防止重复表单提交等场景点击一次后，执行防抖函数antiShake，按钮设置为不可用状态，开始计时，计时结束移除不可用状态 123456789<button onclick="antiShake(this)">防抖测试</button> <script type="application/javascript"> function antiShake(dom) { dom.setAttribute("disabled", "disabled"); setTimeout(() => { dom.removeAttribute("disabled"); }, 3000); } </script> 顺带聊聊 12//计时器清零,参...

umijs环境变量问题

我们关心的，不是你是否失败了，而是你对失败能否无怨。——林肯今天遇到一个问题，umijs框架下的环境变量配置不好使首先是我package.json里的配置是这样的： 12345 "scripts": { "start": "cross-env NODE_ENV=dev umi dev", "build:test": "cross-env NODE_ENV=test umi build", "build:production": "cross-env NODE_ENV=prod umi build"} 然后在我其中一个js文件中进行引用： 12console.log({ NODE_ENV: process.env.NODE_ENV });console.log({ 'process.env': process.env }); 然后当我指...

uniapp拖动排序实现思路

没有哪一个聪明人会否定痛苦与忧愁的锻炼价值。——赫胥黎找到下载量最多这个组件 https://ext.dcloud.net.cn/plugin?id=1372 导入，不多说文档示例：使用示例页面: 123456789101112131415161718复制代码<template> <view class="content"> <HM-dragSorts :list="list" :isLongTouch="true" :rowHeight="55" @change="change" @confirm="confirm" @onclick="onclick"> <template slot="rowContent" slot-scope="{ row }"> ...

阿超

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

数据加载中