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
还有不同的例子：
相关推荐
2020-08-22
字符串的split和join
split() 将字符串拆分成数组 join() 将数组合并 参数为分隔符 两套代码 123456#JavaScriptvar str = "ruben";var array = str.split('');array.forEach(s => console.log(s));str = array.join('');console.log(str); 以及 12345678//javaString str = "ruben";String[] array = str.split("");for (String s : array) { System.out.println(s);}str = String.join("", array);System.out.println(str);
2022-01-11
uniapp对接oss视频上传+压缩
与其在绝望和挣扎中苟活，不如在希冀和盼望中死亡。——纪伯伦 首先是文件上传的代码： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899module.exports = { getUUID() { //生成UUID return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, c => { return (c === 'x' ? (Math.random() * 16 | 0) : ('r&0x3' | '0x8')).toString(16) }) &...
2025-08-06
awesome-phonenumber
天下之事不难于立法，而难于法之必行。一一明·张居正 让电话号处理变得“Awesome”！深度体验 @grantila/awesome-phonenumber 的极简与高效在现代应用开发中，处理和验证电话号码是常见但却容易“踩坑”的细节：格式多样、地区差异、正则复杂、依赖臃肿……你是否也为此头疼？现在，有一个“轻量级神器”能让这一切变得极其简单和高效——@grantila/awesome-phonenumber！ 什么是 @grantila/awesome-phonenumber？它是一个基于 Google libphonenumber 的预编译版本，专为 Node.js 和前端环境设计，拥有更简洁的接口、极小的体积、无依赖，并且支持 TypeScript。简而言之，它就是你能在 npmjs 上找到的最小巧实用的 libphonenumber 封装库！ 主要特色 超小体积，无依赖：极大节省你的项目空间，运行速度快，加载迅速。 API简洁易用：新版 API 更加清晰，无需复杂构造或函数调用，错误处理也更友好（不抛异常）。 TypeScript ...
2020-12-16
禁止文字图片拖拽
智者千虑，必有一失；愚者千虑，必有一得。——《史记》 我们在进行开发的时候可能会遇到一个问题文字、图片选中后能被拖拽 但我们不想要这种效果 就可以给标签加一个属性 12<div ondragstart="return false">ruben</div><img ondragstart="return false" width="500px" src="https://VampireAchao.github.io/imgs/preview/3459_3.jpg"/> 之后就拽不动啦~
2022-07-12
teleport
你之前学了啥跟你以后能学啥没有什么本质联系——尤雨溪 顾名思义，teleport汉译过来就是传送的意思 官方文档：https://v3.cn.vuejs.org/guide/teleport.html#teleport 它可以将我们的元素传送到指定地点： 例如我们要实现一个挂载在body上的模态框，就可以使用teleport： 12345678910111213141516171819202122232425262728const app = Vue.createApp({});app.component('modal-button', { template: ` <button @click="modalOpen = true"> Open full screen modal! (With teleport!) </button> <teleport to="body"> <div v-if=&quo...
2022-05-17
display:contents
多少人以友谊的名义，爱着一个人。——电影《One Day》 MDN：https://developer.mozilla.org/zh-CN/docs/Web/CSS/display-box 首先是一段代码： 12345678910111213141516171819<!DOCTYPE html><head> <title>display</title> <style> .outer { border: 2px solid red; width: 300px; } .outer>div { border: 1px solid green; } </style></head><body> <div class="outer"> <div>I...