上一页 1 ··· 117 118 119 120 121 122 123 124 125 ··· 169 下一页
摘要: 一,js代码: <template> <div> <img id="img" src="/static/image/dog.jpg" style="width:300px;" /><br/> <button @click="downImgByUrl">down by url</button> <bu 阅读全文
posted @ 2022-09-20 17:40 刘宏缔的架构森林 阅读(3955) 评论(0) 推荐(0)
摘要: 一,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 刘宏缔的架构森林 阅读(736) 评论(0) 推荐(0)
摘要: 一,配置控制台显示时间戳 1,打开开发者工具: 2,点击开发者工具上的 设置按钮, 如上图: 页面上选中Preferences, 在console标签下选中 Show timestamps 说明:刘宏缔的架构森林是一个专注架构的博客, 网站:https://blog.imgtouch.com本文:  阅读全文
posted @ 2022-09-12 20:30 刘宏缔的架构森林 阅读(2197) 评论(0) 推荐(0)
摘要: 一,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 刘宏缔的架构森林 阅读(219) 评论(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 刘宏缔的架构森林 阅读(269) 评论(0) 推荐(0)
摘要: 一,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 刘宏缔的架构森林 阅读(1359) 评论(0) 推荐(0)
摘要: 一,js代码: <template> <div style="background: #ffffff;" id="root" > <div><button @click="restore">还原</button><button @click="flipx">水平镜像</button> <button 阅读全文
posted @ 2022-09-07 17:40 刘宏缔的架构森林 阅读(1137) 评论(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 刘宏缔的架构森林 阅读(567) 评论(0) 推荐(0)
摘要: 一,安装用到的第三方库 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 刘宏缔的架构森林 阅读(1526) 评论(0) 推荐(0)
摘要: 一,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 刘宏缔的架构森林 阅读(925) 评论(0) 推荐(0)
上一页 1 ··· 117 118 119 120 121 122 123 124 125 ··· 169 下一页