- 2024-11-21typeScript 内置对象（八）
JavaScript 中有很多内置对象，它们可以直接在 TypeScript 中当做定义好了的类型。ECMAScript的内置对象Boolean、Number、string、RegExp、Date、Errorletb:Boolean=newBoolean(1)console.log(b)letg:Number=newNumber(true)console.log(g)lets:String=n
- 2024-11-19从零开始搭建web组态
成果展示：http://www.hcy-soft.com演示地址：若依管理系统(生产环境)一、技术选择目前只有两种选择，canvas和svgCanvas:是一个基于像素的渲染引擎，使用JavaScriptAPI在画布上绘制图像，它的优点包括：Canvas渲染速度快，适合处理大量图像和高度动态的图像。可以直接操作像素，能
- 2024-11-19Vue+ElementUI 导出为PDF文件
在ElementUI中导出PDF通常涉及将页面上的DOM元素转换为PDF格式的文件。这一过程可以通过结合使用 html2canvas 和 jsPDF 这两个JavaScript库来实现。步骤：1、安装依赖在项目中安装html2canvas和jsPDF这两个库。可以通过npm进行安装：npminstallhtml2canvasjspdf2、创建
- 2024-11-18canvas实现抠图，画笔，水印等功能
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><metaname="viewport"content="width=device-width,initial-scale=1.0"/><title>Document</title&g
- 2024-11-18【验证码逆向专栏】vaptcha 手势验证码逆向分析
逆向目标目标：vaptcha手势验证码网站：aHR0cHM6Ly93d3cudmFwdGNoYS5jb20vI2RlbW8=抓包分析抓包分析，首先是vaptcha-demo接口：这个接口返回了验证码类型，其中embed的值就是嵌入式点击验证码，其他三个分别对应三种类型。再看下面这个接口：目前猜测是请求或配置某些静态资源。
- 2024-11-17canvas绘制文本
练习一下canvas对文本的基本应用<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title></head><body><div><labelfor="name">
- 2024-11-16PinBall击球游戏
packagecom.shrimpking.t9;importjavax.swing.*;importjava.awt.*;importjava.awt.event.ActionEvent;importjava.awt.event.ActionListener;importjava.awt.event.KeyEvent;importjava.awt.event.KeyListener;/***CreatedbyIntelliJIDEA.**@Auth
- 2024-11-15数据可视化SVG
SVG优点SVG缺点SVG应用场景SVG和Canvas的区别初体验SVGXML和DTD声明
- 2024-11-14数据可视化Canvas
邂逅CanvasCanvas优缺点初体验CanvasCanvasGrid和坐标空间绘制矩形(Rectangle认识路径路径-绘制直线路径-绘制三角形(Triangle)路径-绘制圆弧（Arc）、圆(Circle)
- 2024-11-13Python——专栏：跳动的心跳（橘粉爱心）——完整代码
运行展示完整代码importrandomfrommathimportsin,cos,pi,logfromtkinterimport*CANVAS_WIDTH=980#画布的宽CANVAS_HEIGHT=720#画布的高CANVAS_CENTER_X=CANVAS_WIDTH/2#画布中心的X轴坐标CANVAS_CENTER_Y=CANVAS_HEIGHT/2#画布中
- 2024-11-13unigui可以实现水印纹的效果
效果 procedureTMainForm.Set_watermark(xparent:TWinControl;s:string);varhf:TUniHTMLFrame;beginhf:=TUniHTMLFrame.Create(xparent);hf.Parent:=xparent;withhfdobeginHeight:=0;Width:=0;HTML.Clear;HTML.Add('<
- 2024-11-13[js] 突发奇想, 使用canvas绘制一个动态的扫描仪
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title&g
- 2024-11-10【Canvas与艺术】黄蓝白八尖风车图案
【成图】120*120的png图标大小图：【代码】<!DOCTYPEhtml><htmllang="utf-8"><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><head><title>632.黄蓝白八尖风车图案</title>
- 2024-11-09大模型的会终结程序员面试八股文的情况吗？
先说结论，很遗憾的是，即便大模型已经完全能回答几乎100%的面试八股文，即便面试八股文对工作中几乎没有任何帮助，但是今后的面试中，依然充斥的八股文，依然是主流。大语言模型改变了今后的软件开发流程大语言模型的出现正在悄然改变软件开发的面貌，尤其是像ChatGPT4OwithCanvas
- 2024-11-05前端实战之使用canvas合并图片
最近做一个完整的系统,前端中涉及到一个推广图片的生成,其中推广图片是由一个变化的链接生成的二维码与一个固定图片拼接而成实现demo: html部分:<div><imgid="qrcode"src="/img/promotion/qrcode.png"alt="二维码"><imgid="poster"src="/img/promotion/post
- 2024-11-05即时可玩web小游戏（二）：打砖块（支持移动端版） - 集成InsCode快来阅读并即时体验吧~
建议全屏或者新页面运行、首次运行需要冷启动，时间要一点，不如倒杯茶去~白屏也是需要等一下即可已经实现的游戏一览：俄罗斯方块游戏界面游戏实现解析代码参考Inscode-查看文件即可，在本节，我将分步解析一个使用HTML5Canvas和JavaScript实现的经典打砖块游戏。通
- 2024-11-03【Canvas与标志】白橙黄色圆角方形辐射警示牌
【成图】【代码】<!DOCTYPEhtml><htmllang="utf-8"><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><head><title>630.白橙黄色圆角方形辐射警示牌</title><styletype="text/
- 2024-11-03Change speed of request animation frame
题意："改变请求动画帧的速度"问题背景：Ihavethiscodetomoveanimageinacanvasfromapositiontoanotherone:"我有这段代码，可以在画布中将图像从一个位置移动到另一个位置："classTarget{constructor(img,x_init,y_init,img_width=100,img_heigh
- 2024-11-03「Mac畅玩鸿蒙与硬件22」鸿蒙UI组件篇12 - Canvas 组件的动态进阶应用
在鸿蒙应用中，Canvas组件可以实现丰富的动态效果，适合用于动画和实时更新的场景。本篇将介绍如何在Canvas中实现动画循环、动态进度条、旋转和缩放动画，以及性能优化策略。关键词Canvas组件动态绘制动画效果动态进度条旋转和缩放性能优化一、使用定时器实现动
- 2024-11-03【Canvas与标志】黄黑辐射警示标志
【成图】【代码】<!DOCTYPEhtml><htmllang="utf-8"><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><head><title>629.黄黑辐射警示牌</title><styletype="
- 2024-11-02html结合js设计一个可拍照可录制可下载的摄像头页面
功能如下 下载后的照片或视频为当前北京时间 html文件用户设置样式，代码如下<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"&
- 2024-11-01uniapp 图片体积太大，压缩文件
functioncompressImage(file,maxWidth,maxHeight,quality,callback){//创建FileReader读取文件letreader=newFileReader();reader.readAsDataURL(file);reader.onload=e=>{letimg=newImage();img.src=e.target.result;
- 2024-10-31vue2之页面生成PDF导出并适应A4页面
一、技术vue2 、 elementUI、html2canvas 、jsPDF二、技术官网vue2：https://cn.vuejs.org/elementUi：https://element.eleme.cn/#/zh-CNhtml2canvas：https://html2canvas.hertzen.com/jsPDF：https://www.npmjs.com/package/jspdf三、优缺点优
- 2024-10-31使用JavaScript实现：随机曲线之间进行平滑切换
介绍今天，我运用拉格朗日插值法绘制了一条曲线。然而，我并未止步于静态展示，而是引入了一个定时器，每隔一段时间便对曲线上的点进行动态更新，从而赋予曲线生命般的动态变化。然而，在刷新过程中，我敏锐地察觉到曲线之间的切换显得过于突兀，缺乏流畅感（请见下图）。于是，一个大胆的想法