摘要： 一，js代码: <template> <div> <img id="img" src="/static/image/dog.jpg" style="width:300px;" /><br/> <button @click="downImgByUrl">down by url</button> <bu 阅读全文

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

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

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

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

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

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

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

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

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