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

相关推荐

集成wangEditor

寿命的缩短与思想的虚耗成正比。——达尔文官方文档 wangEditor：Typescript 开发的 Web 富文本编辑器，轻量、简洁、易用、开源免费 html里集成wangEditor非常简单 1234567<div id="div1"></div><script src="https://unpkg.com/wangeditor/dist/wangEditor.min.js"></script><script> var E = window.wangEditor; var editor = new E("#div1"); editor.create();</script> 只需要上方几行代码即可完成如果我们需要获取富文本中的内容使用editor.txt.html()即可

死亡，就是你加上这个世界，再减去你。——卡尔维诺分享一个好玩的开源项目，演示地址： https://lab.hakim.se/fokus/ 代码仓库：https://github.com/hakimel/Fokus 演示效果：当我们在页面上框选时，会在页面上加个蒙版，高亮框选区域使用方式，首先下载fokus.min.js 官方链接备用链接然后引用 1<script src="/js/fokus.min.js"></script> 最后编写代码(随便写点) 1234567891011121314151617181920212223242526272829303132333435363738394041<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" cont...

vuepress2一次性获取所有frontmatter

上帝是孤独的，恶魔却总在拉帮结伙。——梭罗的《瓦尔登湖》。接上文： vuepress获取所有页面frontmatter 这次是vuepressv2.0.0-beta.66 首页 | VuePress 核心代码： 12345678910// .vuepress/getAllFrontmatter.smodule.exports = { name: 'get-all-frontmatter', extendsPage: (page, app) => { console.log({ page, app }) console.log(page.data.frontmatter) app.siteData.frontmatter = app.siteData.frontmatter ?? [] app.siteData.frontmatter.push(page.data.frontmatter) },}; 然后配置： 123456789101112131415// ...

vue中特殊的prop和事件

懒惰等于将一个人活埋。——泰勒我们知道v-model可以用于input等标签，当做语法糖进行绑值对于我们自定义的组件，其实也可以使用官方文档例如此处我们可以让input改变值时，父组件绑定的值一并改变 1234567891011121314151617<template> <input type="checkbox" :checked="value" @change="$emit('input', $event.target.checked)" /></template><script> export default{ props:{ value:{ type:Boolean, default:()=>false } ...

wangeditor实现鼠标悬停选中句子

学校要求教师在他的本职工作上成为一种艺术家。 —— 爱因斯坦 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103import { DomEditor, IDomEditor, SlateEditor, SlateTransforms } from '@wangeditor/editor'function addMouseHoverListener(editor: IDomEditor) { const editorElement = DomEditor.toDOMNode(editor, editor) let hoverTimeout: NodeJS.Timeout | nu...

睡在哪里都是睡在夜里。 ——贾平凹《废都》分享一个开源项目： GitHub - mdit-vue/mdit-vue: markdown-it plugins for Vue.js 这个项目在这里为 markdown-it 提供一些统一的插件，这是 JS 世界中最受欢迎的 markdown 解析器之一，以使其更好地与 Vue 配合使用它是markdown-it的vue插件 GitHub - markdown-it/markdown-it: Markdown parser, done right. 100% CommonMark support, extensions, syntax plugins & high speed https://markdown-it.github.io/

阿超

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

数据加载中