![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
文章平均质量分 64
JokerLee...
自学前端,吾日三省吾身,学习否!!!
展开
-
在React项目中实现调用摄像头拍照的功能
文章目录前言一、如何调用摄像头二、操作步骤1.准备dom元素2.添加打开和关闭摄像头的事件3.获取图片 base64格式三、demo总结前言在日常开发中可能会遇到需要调用摄像头拍照的功能,下面为大家讲解一下在react项目当中如何实现拍照的功能。一、如何调用摄像头调用摄像头只需要用到JS原生的api就可以了navigator.mediaDevices.getUserMedia,关于这个api,mdn有详细的介绍MediaDevices.getUserMedia()二、操作步骤1.准备dom元原创 2022-04-14 13:28:57 · 4912 阅读 · 0 评论 -
electron项目导出pdf的方法
electron项目导出pdf前言一、渲染进程通知主进程进行导出二、主线进程执行导出任务总结前言electron项目导出pdf的功能和electron打印的方法类似一、渲染进程通知主进程进行导出随便找个页面注意 一定要写行内样式,颜色相关的不能使用16进制(#000)只能使用rgb(0,0,0) 或者颜色的英文单词。别问为什么,问就是坑。import { ipcRenderer } from 'electron';const path = require('path')const os =原创 2022-03-03 17:41:06 · 2022 阅读 · 3 评论 -
react项目实现预览markdown,以及代码高亮
react项目实现预览markdown,以及代码高亮前言一、react-syntax-highlighter的使用二、react-markdown的使用总结前言不少的react项目中需要实现markdown预览以及代码高亮的功能,效果如下。上面图片展示的内容是我在个人项目中实现的效果,用到了两个库react-markdown和react-syntax-highlighter,一个用于预览markdown文本,另外一个用于代码高亮展示。一、react-syntax-highlighter的使用我原创 2021-12-23 17:41:31 · 7450 阅读 · 14 评论 -
grafana二次开发在win10环境下的准备
win10环境下grafana二次开发1、配置环境安装go语言环境安装git下载源码安装gcc工具安装node编译前端代码编译后端部分1、配置环境安装go语言环境在官网下好go1.17.windows-amd64.msi文件默认安装就好了,然后添加环境变量第一个变量安装完后会默认生成,第二个需要我们手动去添加安装gitgit 也是在官网下好之后默认安装可以了下载源码可以使用git 拉代码git clone https://github.com/grafana/grafana.git我原创 2021-08-19 10:00:03 · 1127 阅读 · 0 评论 -
electron-react对接打印机 实现打印功能
electron-react实现打印功能思路主线程设计思路渲染进程设计思路思路在electron-react项目当中要实现打印部分页面内容的需求,第一种方法是使用iframe标签打印,这种方法最简单网上有很多教程,使用iframe.contentWindow.print()这个方法会弹出打印对话框,我还没有找到关闭的方法,所以没有采用。第二种方法是在使用electron的主线程调用webContents.print()方法,这个方法相对比较复杂,主线程和渲染线程直接需要通信。流程如下:主线程 :原创 2021-06-24 16:45:15 · 2150 阅读 · 2 评论