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
还有不同的例子：
相关推荐
2023-06-18
CamanJS
过分宽大的法律，不易使人服从；太严厉的法律，则绝少被遵守。——富兰克林 分享一个前端基于canvas的图片js库 http://camanjs.com/ https://github.com/meltingice/CamanJS 安装 1npm install caman 用法： 1234567Caman('#my-image', function () { this.brightness(10); this.contrast(30); this.sepia(60); this.saturation(-30); this.render(); }); html 12345<img data-caman="brightness(10) contrast(30) sepia(60) saturation(-30)" data-caman-hidpi="/path/to/image@2x.jpg" src="path/to/image.jpg&q...
2020-07-03
js时间转换
//时间戳格式化 1234567891011//时间转换 function stamptime(time) { var date = new Date(time) var Y = date.getFullYear() + '-'; var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-'; var D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + ' '; var h = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':'; ...
2025-10-29
apache-shenyu处理discoveryType问题
人间不会有单纯的快乐，快乐总夹杂着烦恼和忧虑，人间也没有永远。——杨绛《我们仨》 pr如下： https://github.com/apache/shenyu-dashboard/pull/555 思路是首先找到对应的字段，然后找到字段来源，比如从哪个接口请求到的，这里找到了 src/routes/Plugin/Common/Selector.js的discoveryConfig.discoveryType，往上追踪找到其discoveryConfig是在src/routes/Plugin/Common/index.js里，通过下面的dispatch回调赋值 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610...
2021-04-05
localStorage
蚍蜉撼大树，可笑不自量。——韩愈《调张籍》 我们可以使用LocalStorage在页面上存点东西，限制是5MB 1window.localStorage.setItem("ruben","Hello") 我们再取出来 1window.localStorage.getItem("ruben") 如果我们要移除 1window.localStorage.removeItem("ruben") 要移除全部 1window.localStorage.clear()
2023-08-17
vuepress获取所有页面frontmatter
倘若没有骄傲的思想，人将不成其为人，他自身的弱点会使他蜕化为禽兽。——高尔基 今天实现了vuepress中获取所有页面的frontmatter frontmatter是页面的页头信息，例如： 12345---title: xxxauthor: 作者date: 2023-08-17--- 可以编写一个插件： 12345678910111213module.exports = (options, context) => ({ extendPageData($page) { const { pages } = context; // 获取除首页外的其他所有页面的 frontmatter 数据 const frontmatters = pages .filter(page => page.path !== '/') .map(page => page.frontmatter); // 将 frontmatter 数组传递给首页的 frontmatter ...
2023-09-26
react生命周期弃用
强本而节用，则天不能贫；养备而动时，则天不能病；修道而不贰，则天不能祸。——荀子 在运行apache-shenyu发现很多警告 大致说是生命周期弃用了，并且提供了一个指南链接 https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html 指南中大致提到了几点，以及相关的例子 https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#examples 例如请求数据渲染时使用componentDidMount代替componentWillMount之类的场景 我也针对新建了一个issue，去处理优化掉这些弃用的生命周期 https://github.com/apache/shenyu-dashboard/issues/341