摘要：
hooks.js import { useCallback, useState } from 'react'; // 拖拽 export function useDrag() { const [isDragging, setIsDragging] = useState(false); const [ 阅读全文
摘要：
需求： 其实这个需求还是挺常见的，经常会看到一些app或网页拍一张图片或者上传一张图片则需要提取图片中的数字或文字，这里我采用了 tesseract.js 实现。这个前端插件的好处是字母和数字的识别率挺高，但对中文的识别略差，根据需求可进行取舍。 物料： 一张带有数字的图片。 效果： 代码： ind 阅读全文
摘要：
需求： 蓝线比红线值高出部分产生黄色矩形区域。 显示效果： 代码实现： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width 阅读全文
摘要：
背景： 在工作中很多时候会遇到大屏首页需要酷炫的动态背景，很多时候酷炫的动效用css和js比较难于实现。此时就会产生两种方案，第一种是采用gif，第二种会采用video方案。 但是第一种方案有时候导出的 gif 图片往往会比较大，在首屏加载有时候会不太理想，资源比较大在加载时会出现一卡一卡的现象，体 阅读全文
摘要：
要在 Fabric.js 中实现虚线流动的动画效果，你可以使用 Fabric.js 的动画功能来改变虚线的位置或属性。 以下是一个示例代码，展示了如何在 Fabric.js 中实现虚线流动的动画效果： // 创建画布 var canvas = new fabric.Canvas('canvas'); 阅读全文
摘要：
背景： 随着公司走向国际，那么需要对产品进行国际化语言的预言处理。该预言方案主要是为了满足跨国企业和全球用户的需求而设计的。随着公司步入国际领域，该方案将有助于提高公司的国际化水平和竞争力。在国际化项目中，需要考虑不同语言、文化和地区的用户习惯和需求，确保产品的功能和内容能够在全球范围内无缝运作和 阅读全文
摘要：
Fabric.js 是一个强大的 HTML5 canvas 库，而 ECharts 是一个基于 JavaScript 的图表库。要将 ECharts 导入到 Fabric.js 中，您需要先将 ECharts 渲染到一个离屏 canvas，然后将其作为图像导入到 Fabric.js 画布上。以下是一 阅读全文
摘要：
需求： canvas 画布实现选中元素【左对齐】、【右对齐】、【顶对齐】、【底对齐】、【垂直居中对齐】、【水平居中对齐】 相关库及版本： React(^18.2.0)、fabric(^5.2.4) 效果： 实现： index.jsx import React, { useEffect } from 阅读全文
摘要：
采用方案： 1、采用了萤石云（属于海康威视旗下的云服务）视频方案。 2、支持第三方、海康部分及萤石云摄像头接入。 3、萤石云接入登录入口：登录-用户认证中心 (ys7.com)。 绑定流程： 1、注册并登录萤石云平台。 2、在【我的账号 -> 应用信息】填写相关应用信息得到应用秘钥：AppKey、S 阅读全文
摘要：
功能实现：React仿photoshop参考线功能，标尺处拉出参考线，双击参考线或上拉至标尺中消失。 功能截图： index.jsx： import React, { useRef, useEffect, useState } from 'react'; import { v4 } from 'uu 阅读全文