- 博客(18)
- 收藏
- 关注
RSS订阅原创 解决html2canvas不支持object-fit:contain和object-fit:cover问题
html代码中包含img标签，img样式设置了object-fit属性后，通过html2canvas生成的图片object-fit属性没有生效，导致生成的图片形变。修改依赖包中html2canvas源码。即可实现object-fit:contain。
2024-08-08 17:29:49
873
5
原创 项目import umd规范的包报错‘define‘ is not defined、 ‘globalThis‘ is not defined
由于umd规范的包是同时兼容AMD和CommonJs、ESModule规范和作为全局变量使用，如果项目中配置了eslint，需要在项目中设置eslint env环境变量来指定代码的运行环境，使其可以兼容。
2024-06-26 10:13:20
297
原创 electron的页面里mousemove手势拖拽div过程中，会出现跟随拖拽路径的白线
使用CSS的box-shadow属性，设置一个模糊半径和与div大小相同、和背景色相同的阴影，这样可以模拟背景色，并且不会有明显的白线出现。使用CSS的background-clip属性，设置为padding-box，这样背景就不会延伸到内边距外围的区域。这个问题通常是由于在页面上移动鼠标时，div的边缘与屏幕的像素对齐导致的。
2024-06-14 11:08:25
292
原创 digital envelope routines::initialization error 异常处理
在 package.json 文件中更改 scripts，将 SET NODE_OPTIONS=–openssl-legacy-provider && 你的脚本命令。
2024-06-12 10:25:53
148
原创 react-draggable报错：Module parse failed: Unexpected token
react-draggable报错‘Module parse failed: Unexpected token’
2024-01-08 14:57:54
1294
原创 electron 透明窗口+全透明页面，鼠标点击会穿透窗口
electron透明窗口鼠标点击穿透，另：虚拟机不支持electron透明窗口效果。
2024-01-05 16:44:51
1512
原创 electron实时音视频的屏幕录制，局部采图黑屏
创建窗口时BrowserWindow的transparent属性需要为false，透明窗口局部采图会导致捕捉的画面是黑屏。
2023-12-08 14:51:10
322
原创 electron部分电脑白屏问题
GPU加速渲染意味着使用GPU用于合成。这也就意味着帧必须从GPU拷贝过来，从而需求更多的资源，因此这会比软件输出设备更慢。这种模式的优点是支持WebGL和3D CSS动画，but很多老旧电脑GPU硬件不给力，因此需要禁用掉GPU和硬件加速，使用软件输出设备在 CPU 中渲染，帧生成的速度要快得多，此模式优先于 GPU 加速模式。
2023-12-08 14:37:40
770
原创 如何防止网页刷新后页面数据丢失或者状态重置
将数据或者状态存储在localStorage中，初始化时默认从localStorage读取，状态或数据改变时再次存储。通过history.push的方式将数据拼接在当前url后，默认从params中读取。通话中在会话页面刷新====>保持conversation状态。路由到主页后再次点击呼叫进入会话页====>waiting状态。主页后点击呼叫进入会话页====>waiting状态。对方接听====>修改为conversation状态。对方接听====>修改为conversation状态。
2023-12-07 09:33:11
503
原创 html2canvas插件iOS端适配问题
html2canvas的scale属性不能过大，图片尺寸过大会导致iOS端生成的图片为空，在保证清晰度的情况下，将scale设置为设备像素比window.devicePixelRatio。
2023-12-07 08:47:31
1176
1
原创 Electron项目的运行和启动
大家从仓库上pull下来一个新的electron项目，运行后可能都遇到过这样的报错“fh_node_api.node is not a valid Win32 application”electron目录npm install下载依赖包后，启动项目报错“fh_node_api.node is not a valid Win32 application”。fh_node_api.node是x86的架构方式，npm install默认下载下来的electron依赖包是64位，需要指定下载32位。
2023-08-21 11:32:04
495
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人