刘宏缔的架构森林

2022年9月16日

摘要：一，js代码 <template> <div style="position:relative;"> <div style="width: 700px;margin: auto;"> <h1>亮度/对比度/饱和度</h1> <div><input type="file" accept="image/ 阅读全文

posted @ 2022-09-16 16:13 刘宏缔的架构森林阅读(804) 评论(0) 推荐(0)

2022年9月12日

chrome:配置console控制台显示时间戳(chrome 105.0.5195.102)

摘要：一，配置控制台显示时间戳 1,打开开发者工具: 2，点击开发者工具上的设置按钮，如上图: 页面上选中Preferences, 在console标签下选中 Show timestamps 说明：刘宏缔的架构森林是一个专注架构的博客，网站：https://blog.imgtouch.com本文: 阅读全文

posted @ 2022-09-12 20:30 刘宏缔的架构森林阅读(2407) 评论(0) 推荐(0)

2022年9月9日

vue.js3: 图片的反色/灰度(黑白)/褐色并保存(vue@3.2.37)

摘要：一，js代码: <template> <div style="position:relative;"> <div style="width: 700px;margin: auto;"> <h1>反色/灰度/褐色</h1> <div><input type="file" accept="image/* 阅读全文

posted @ 2022-09-09 18:46 刘宏缔的架构森林阅读(235) 评论(0) 推荐(0)

vue.js3:色调色相调整并保存(vue@3.2.37)

摘要：

一，js代码: <template> <div style="position:relative;"> <div style="width: 700px;margin: auto;"> <h1>色调/色相调整</h1> <div><input type="file" accept="image/* 阅读全文

posted @ 2022-09-09 16:08 刘宏缔的架构森林阅读(298) 评论(0) 推荐(0)

vue.js3: 旋转图片并保存(vue@3.2.37)

摘要：一,js代码: <template> <div style="background: #ffffff;" id="root" > <div style="width: 700px;margin: auto;"> <div><input type="file" accept="image/*" @ch 阅读全文

posted @ 2022-09-09 11:10 刘宏缔的架构森林阅读(1396) 评论(0) 推荐(0)

2022年9月7日

vue.js3:图片镜像(翻转)并保存(vue@3.2.37)

摘要：一，js代码: <template> <div style="background: #ffffff;" id="root" > <div><button @click="restore">还原</button><button @click="flipx">水平镜像</button> <button 阅读全文

posted @ 2022-09-07 17:40 刘宏缔的架构森林阅读(1172) 评论(0) 推荐(0)

vue.js3: 裁剪图片的一部分并保存(vue@3.2.37)

摘要：

一，js代码: <template> <div> <div style="width: 800px;margin: auto;"> <div id="wrapper" style="display:none;position: relative;overflow: hidden;" > <img i 阅读全文

posted @ 2022-09-07 14:30 刘宏缔的架构森林阅读(592) 评论(0) 推荐(0)

2022年8月30日

vue.js3: 多张图片合并(vue@3.2.37)

摘要：一，安装用到的第三方库 1，安装: liuhongdi@lhdpc:/data/vue/pdf/image2pdf$ npm i -S vuedraggable@next added 2 packages in 11s 2,查看已安装的版本: liuhongdi@lhdpc:/data/vue/pd 阅读全文

posted @ 2022-08-30 17:46 刘宏缔的架构森林阅读(1553) 评论(0) 推荐(0)

2022年8月25日

vue.js3:拖动旋转div(vue@3.2.37)

摘要：一，js代码: <template> <div style="width:100%;height:100vh;" @mousemove="onRotate" @mouseup="onUp"> <div ref="target" style="width:300px;height:100px;posi 阅读全文

posted @ 2022-08-25 16:22 刘宏缔的架构森林阅读(943) 评论(0) 推荐(0)

2022年8月20日

javascript:null和undefined的区别(chrome 104.0.5112.101)

摘要：一，js代码: <html> <head> <meta charset="utf-8"/> <title>测试</title> </head> <body> <button onclick="test()">测试</button> <script> function test() { //查看类型阅读全文

posted @ 2022-08-20 14:40 刘宏缔的架构森林阅读(89) 评论(0) 推荐(0)

公告