tui-image-editor
发表于|更新于
|浏览量:
世间最好的东西，莫过于有几个头脑和心地都很正直的严正的朋友——爱因斯坦
分享一个在线图片编辑器，用于裁剪、调整色彩等
官网：https://ui.toast.com/tui-image-editor
git地址：https://github.com/nhn/tui.image-editor
功能强大，十分出众
在文档里：https://nhn.github.io/tui.image-editor/latest/tutorial-example02-useApiDirect
还有不同的例子：
相关推荐
2026-02-21
seerr
完成工作的方法是爱惜每一分钟。——达尔文 关注系统与媒体库的专属搭档 Seerr 毫不夸张地说，在现代在线媒体的繁荣时代，拥有一个高效的媒体请求与管理系统已变得至关重要。今天，我们要为大家介绍一款特别适合Jellyfin、Plex 和 Emby 用户的开源应用软件 Seerr。它不仅提供智能化、直观的界面，还在便捷性与功能性之间找到了一个完美的平衡。 Seerr 是什么？Seerr 是一款免费的开源软件，专为管理多媒体资源库的请求流程而设计，非常适合那些利用 Jellyfin、Plex 或 Emby 媒体服务器的朋友。同时，Seerr可以完美地与您现有的服务集成，比如 Sonarr 和 Radarr，大大简化了媒体管理的复杂性。 以目前 Github 上近万的 Star 数为证明，Seerr 无疑是当下备受推崇的开源媒体管理解决方案之一。 主要特性Seerr 的功能经过精心打磨，可以提供全面且令人满意的使用体验： 深度集成：兼容 Jellyfin、Emby 和 Plex，支持用户身份认证以及用户导入和管理。 数据库支持：支持 PostgreSQL 和 SQLite，灵活...
2020-09-05
vue结合elementUI进行快速开发
人生最重要的不是努力，不是奋斗，而是抉择。 我们引入一个elementUI 1cnpm i element-ui 然后在main.js中引入 我们来做个测试，首先在页面中的methods中定义个welcome方法 123456789methods: { welcome() { this.$message({ showClose: true, message: "欢迎", type: "success", }); },}, 然后在created中调用该方法 进入home页面，刷新 可以看到效果了 那我们再引入个导航栏 首先创建header.vue 然后编写导航栏 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869<...
2022-12-19
css attr
过于大方的施舍会导致盗窃——西塞罗 分享一个css函数attr MDN：https://developer.mozilla.org/zh-CN/docs/Web/CSS/attr attr可以获取我们标签内的属性作为值 例如： 1<p data-foo="hello">world</p> css： 123[data-foo]::before { content: attr(data-foo) " ";} 效果： [data-foo]::before { content: attr(data-foo) " "; } world 除了data-*的自定义属性，也可以获取其他的，例如custom-prefix 123456<style>[custom-prefix]::before { content: attr(custom-prefix);}</style><p custom-prefix="hello"&g...
2022-01-06
js生成二维码
我们飞得越高，我们在那些不能飞的人眼中的形象就越渺小。——尼采《查拉图斯特拉如是说》 我们使用qrcodejs生成：https://github.com/davidshimjs/qrcodejs 下载这个js并引用 不知道怎么下载的可以直接到这个链接下按ctrl+s另存为 https://raw.githubusercontent.com/davidshimjs/qrcodejs/master/qrcode.min.js 然后编写代码： 123456789101112131415161718192021<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="./js/qrcode.min.js" type="text/javascript"></script> </head> <body>...
2020-10-02
cookie相关操作
青春在人的一生中只有一次，而青春时期比任何时期都最强盛美好。因此，千万不要使自己的精神僵化，而要把青春保持永远。 ——别林斯基 JavaScript Cookie Cookie 用于存储 web 页面的用户信息。 什么是 Cookie？Cookie 是一些数据, 存储于你电脑上的文本文件中。 当 web 服务器向浏览器发送 web 页面时，在连接关闭后，服务端不会记录用户的信息。 Cookie 的作用就是用于解决 “如何记录客户端的用户信息”: 当用户访问 web 页面时，他的名字可以记录在 cookie 中。 在用户下一次访问该页面时，可以在 cookie 中读取用户访问记录。 Cookie 以名/值对形式存储，如下所示: username=John Doe 当浏览器从服务器上请求 web 页面时， 属于该页面的 cookie 会被添加到该请求中。服务端通过这种方式来获取用户的信息。 使用 JavaScript 创建CookieJavaScript 可以使用 document.cookie 属性来创建 、读取、及删除 cookie。 JavaSc...
2022-07-15
vuera
微微怪时间不能保存情绪，保存那一切情绪所曾流连的境界。——《你是人间的四月天》 分享一个开源项目：https://github.com/akxcv/vuera 它可以让你在vue里写react，在react里写vue Use Vue components in your React app: 1234567import React from 'react'import MyVueComponent from './MyVueComponent.vue'export default props => <div> <MyVueComponent message={props.message} handleReset={props.handleReset} /> </div> Or use React components in your Vue app: 1234567891011121314<template> <div&g...