canvas画板（鼠标和触摸）
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>canves</title> <style> #canvas { cursor:url(../images/pen.png),crosshair; } #canvasdiv{ bo ...
Jest + React 单元测试最佳实践
我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 前言 单元测试是一种用于测试“单元”的软件测试方法，其中“单元”的意思是指软件中各个独立的组件或模块。开发者需要为他们的代码编写测试用例以确保这些代码可以正常使用。 在 ...
记录--原生 canvas 如何实现大屏?
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 可视化大屏该如何做？有可能一天完成吗？废话不多说，直接看效果，线上 Demo 地址 lxfu1.github.io/large-scree…。 看完这篇文章（这个项目），你将收获： 全局状态真的很简单，你只需 5 分钟就能上手 如何 ...
移动端 H5 实现拍照功能
下面是实现移动端 H5 拍照功能的几种方法： 1、使用 <input type="file">：通过 HTML5 规范中的 <input type="file"> 调用系统摄像头，并选择拍摄的照片。但这种方式可能会导致页面刷新。 实现移动端 H5 拍照功能的代码： 在 HTML 中创建一个 <inp ...
HTML 常用标签 tag
标签 tag 基础标签 div 块元素 介绍：没有任何含义，主要用于 div 进行模块布局 类型：块级元素 block，盒子占用宽度为一整行 属性：没有属性 <div>我是模块</div> 我是模块 span 行内文本元素 介绍：没有任何含义，主要用于展示文本内容 类型：内联元素 inline，盒子 ...
什么是 HTML5？
HTML5 介绍 引用 最全面的前端笔记来啦，包含了入门到入行的笔记，还支持实时效果预览。小伙伴们不需要在花时间去写笔记，或者是去网上找笔记了。面试高频提问和你想要的笔记都帮你写好了。支持移动端和PC端阅读，深色和浅色模式。 原文链接：https://note.noxussj.top/ 什么是 HT ...
Canvas 从进阶到退学
本文简介 点赞 + 关注 + 收藏 = 学会了 接着 《Canvas 从入门到劝朋友放弃（图解版）》 ，本文继续补充 canvas 基础知识点。 这次我不手绘了！ 本文会涉及到 canvas 的知识包括：变形、像素控制、渐变、阴影、路径 变形 这里说的变形是基于画布，全局进行变形。 变形主要包括：平 ...
SVG 从入门到后悔，怎么不早点学起来（图解版）
本文简介 点赞 + 关注 + 收藏 = 学会了 作为一只前端，只懂 Vue、React 感觉已经和大家拉不开距离了。 可视化、机器学习等领域 JS 都有涉及到，而可视化方面已经被很多领域用到，比如大屏项目。 可视化领域相关的技术有 canvas 和 SVG ，而这两个东东是迟早要接触的了。 在我接触 ...
数据看板可视化
前言 这段时间一直在做可视化，在我的项目中有一部分是电力巡检的数据可视化。其中的数据看板比较简单，我将其单独抽离出来形成一个demo，为保密demo中数据非真实数据。先看效果。 具体效果 链接相关 浏览链接：http://xisite.top/original/data-board/index.ht ...
node gyp安装canvas原生模块编译node pregyp详解
这篇文章主要为大家介绍了Nodejs关于原生模块编译node-gyp+node-pre-gyp(以安装canvas为例)示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
自适应且不可删除的水印蒙层
##canvas自适应文字长度，旋转角度生成水印背景图 设置canvas字体大小后，通过ctx.measureText(text).width获取两行文字的宽度text1，text2，取最大宽度为文本框宽度textWidth 设置两行文字间距，可得文本框高度:textHeight=2*fontsiz ...
博客园雪花特效
我没见过真实的，所以我就特别想在自己的博客里面添加一个雪花特效，首先需要申请js权限，快的话几小时内就可以通过，如何在页脚html里加上下面的代码即可 <script src="https://files.cnblogs.com/files/nthforsth/mouse-click.js"></s ...