CamanJS
发表于|更新于
|浏览量:
过分宽大的法律,不易使人服从;太严厉的法律,则绝少被遵守。——富兰克林
分享一个前端基于canvas的图片js库
https://github.com/meltingice/CamanJS
安装
1 | npm install caman |
用法:
1 | Caman('#my-image', function () { |
html
1 | <img |

相关推荐
2021-07-16
uniapp打电话
人不可能阻止指甲生长….同样的,人也不能压抑自己与生俱来的冲动!——吉良吉影 代码如下 123uni.makePhoneCall({ phoneNumber: '114' //仅为示例}); 同样拥有成功、失败和完成的回调 123456uni.makePhoneCall({ phoneNumber: '114' //仅为示例 ,success:res=>{ console.log(res); } ,fail:res=>{ console.log(res); } ,complete:res=>{ console.log(res); }});
2022-10-08
vue-cropper
青春是一种持续的陶醉,是理智的狂热。——拉罗什富科 分享一个vue图片裁剪组件 官网:https://github.xyxiao.cn/vue-cropper/ 演示demo:http://github.xyxiao.cn/vue-cropper/example/ 还是很不错的 1. 安装1234# npm 安装npm install vue-cropper# yarn 安装yarn add vue-cropper 如果你没有使用 npm 在线例子vue-cropper + vue.2x 在线例子vue-cropper@next + vue.3x 服务器渲染 nuxt 解决方案 设置为 ssr: false 1234567891011module.exports = { ... build: { vendor: [ 'vue-cropper ... plugins: [ { src: '~/plugins/vue-cropper', ssr: false } ...
2025-11-17
vue-admin-better
往事依稀浑似梦,都随风雨到心头。——巴金《家》 https://github.com/zxwk1998/vue-admin-better Vue Admin Better:拒绝过度封装、极速构建体验的中后台前端框架深度解析 一个追求“更纯粹、更高效、更好上手”的 Vue 中后台解决方案。项目地址:GitHub 仓库 | 演示地址合集见下文 1. 为什么值得关注 Vue Admin Better?Vue 中后台生态已经很成熟,但很多脚手架/模板存在这些痛点:启动慢、打包时间长、封装过度不易定制、权限系统耦合复杂。Vue Admin Better 的定位非常鲜明: 拒绝过度封装,减少“找不到源码逻辑”的挫败感 极致构建体验:2025 全新版本宣称运行速度提升 10–15 倍,打包速度提升 20–30 倍 构建时间控制在 5 秒以内(飞一般体验) 支持 Vue2 + Element UI、Vue3 + Element Plus、Vue3 + Arco Design 多版本形态 跨平台(PC / 平板 / 手机)适配 已在 ...
2022-06-29
konva实现双击编辑富文本
那一天我二十一岁,在我一生的黄金时代,我有好多奢望。我想爱,我想吃,我想在一瞬间变成天上半明半暗的云。——《黄金时代》 完整代码放到了:https://gitee.com/VampireAchao/simple-konva-html 主要是这个文件 https://gitee.com/VampireAchao/simple-konva-html/blob/master/richtext-dragable.html 思路来源:https://konvajs.org/docs/sandbox/Rich_Text.html 主要思路: 1.双击时创建(我这里是隐藏显示再定位)富文本dom节点 2.通过htmlToCanvas转换html为canvas 3.使用Konva.Image渲染 效果还是蛮不错的,能做polotno的类似案例
2021-11-15
程序化的事件侦听器
吾心信其可行,则移山填海之难,终有成功之日。——孙中山 vue官方文档——程序化的事件侦听器 vue官方文档——实例方法/事件 我们可以使用this.$on在vue中侦听一个事件 123vm.$on('test', function (msg) { console.log(msg)}) 然后我们可以在其他地方访问它 12vm.$emit('test', 'hi')// => "hi" 例如这里,我在一个页面中使用vm.$on 而在另一处中使用vm.$emit 可以看到成功调用test事件 基于这一点,我们可以在uniapp中进行页面间的通信 uniapp官方文档 也就是说,在其中一个页面中我们使用uni.$on或者uni.$once,在另一个页面中就可以使用uni.$emit进行调用,前提是uni,$on或者uni.$once必须触发成功 uni.$once触发后就会立马移除该监听器,也就是说只能触发一次 而uni.$on就只能使用uni.$off进行...
2025-02-17
animejs示例
读书使人充实,思考使人深邃,交谈使人清醒。——富兰克林 https://codepen.io/collection/XLebem/ 这里有anime.js实现的不少案例 例如移动端的卡片弹出动画实现: https://codepen.io/aryankap/pen/poERmEM 带进度条的提交按钮: https://codepen.io/andrewmillen/pen/MoKLob 带动画的小图标: https://codepen.io/nat-davydova/details/dyorEMm 夜间模式切换按钮: https://codepen.io/borntofrappe/details/aboPapm 等等

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog