- 博客(21)
- 收藏
- 关注
RSS订阅原创 canvas 实现全屏倾斜重复水印
本文介绍了使用Vue+Canvas实现网页水印的方案。通过Canvas绘制倾斜水印文本，计算旋转后的画布尺寸确保覆盖全屏，并利用背景图重复填充实现满屏水印效果。关键点包括：1）根据旋转角度动态计算画布宽高；2）通过translate和rotate实现文本倾斜；3）使用双重循环控制水印间距；4）将Canvas转为图片作为背景。组件支持配置字体、透明度、间距等参数，并响应窗口变化自动重绘。文章还附带了旋转后画布尺寸的几何推导说明，为开发者提供了一种简单高效的页面水印实现方案。
2025-05-29 14:44:50
360
原创 el-pagination current-page 视图显示不一致问题
el-pagination current-page 视图显示不一致问题
2025-01-10 13:45:27
196
原创 swiper 横向内容宽度自适应且数据更新初始化
实现宽度自适应 : https://blog.csdn.net/J_1999_0524/article/details/136548319?实现初始化更新：https://www.cnblogs.com/zhouzhongqing/p/17780088.html。而且数据切换更新之后，swiper 该出现的左右箭头没有出现。横向滚动时，使用 swiper 实现，但是宽度没法适应，
2024-12-10 09:29:18
346
原创 websocket 有且仅有/只保持一个连接对话，怎么做？
websocket 在同一系统中只保持一个连接，以防止连接太多，且最小化或者切换其他标签时仍保持连接。
2024-10-30 19:00:00
634
2
原创 vee-validate 输入时校验防抖请求后端不及时问题
很多写法，只有这个方式可行，测试可能没有那么深刻，而且对防抖可能理解还不深刻。在把防抖函数去掉之后，就可正常实现。，这里应该使用节流，并且不同的传参要监控不同的定时器。存在以上问题，还是对于这里防抖的应用还不够熟悉，只会简单的使用。但是在表单提交时，触发 validate 函数时，在找原因，因为这个校验的实现只想要完成，尝试使用。明明返回是false, 却通过了。首先，防抖是触发之后。
2024-07-05 20:00:00
300
原创 发现浏览器中字体可以比 12px 小, 是为什么？
其中 zoom 和 transform 还是有区别的。单位的字体大小都能实现，感觉违背 以前一直遵循的。参考：(如何打破Chrome的最小字号限制)[。“chrome有限制最小字体，为12px”效果如下图：（最小字体设为。
2024-07-05 14:39:46
460
原创 el-tooltip 箭头颜色到底如何改变？
一开始是真不知道，这个箭头是怎么实现的，后来调大参数才理解。值得说明的是，这个箭头是利用边框实现的简单箭头样式。
2024-07-01 19:30:00
527
原创 vue + el-input 中 textarea实现placeholder换行
此文包含实现el-input textarea 的多种方法，最关键的是包含 一种 vue el-input textarea 都可使用的换行实现方法。
2024-06-14 09:46:30
1114
1
原创 el-table 横向滚动条加粗被遮挡 样式修改
el-table__fixed .el-table__fixed-body-wrapper { // 重点。.el-table--scrollable-x .el-table__fixed { // 重点。
2024-03-19 18:30:00
582
原创 keep-alive 同一个组件不缓存问题
看到这个解决办法，应该考虑就是keep-alive对includes中的哪些才能生效的问题？找到keep-alive源码查看(即要includes内的数据和组件的name配置对比进行的缓存的操作。
2024-02-07 17:30:00
602
原创 vue 背景图片 url 动态渲染 Cannot find Module
vue 背景图片 url 动态渲染 Cannot find Module
2022-11-26 15:05:48
262
原创 iview 换主题色项目报错
根据官网推荐的来设置，http://v1.iviewui.com/docs/guide/theme一开始直接引入成css了，改成less就会编译报错：@import '~view-design/dist/styles/iview.css';一段时间的搜索和测试怎么才能好，修改less的版本，降到@2.7.3：npm install [email protected] --save-dev不知道为什么？？但是确实好了，但是出现了less 中 calc(100% - @sider-width) 计
2020-11-26 14:51:31
331
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人