Canvas画布

melody-canvas：实时音频可视化与创意画布

melody-canvas：实时音频可视化与创意画布项目介绍melody-canvas是一个开源项目，致力于为用户提供一个强大的音频可视化与画布编辑平台。
·2025-07-23 02:25

Vue3 - 实现一个雨水滴落的动画效果

如果还没有，可以使用VueCLI来创建：vuecreaterain-animationcdrain-animation添加Canvas组件创建一个新的Vue组件来包含我们的元素和动画逻辑。
程序员的成长之路·2025-07-22 02:13

数字图像处理（三：图像如果当作矩阵，那加减乘除处理了矩阵，那图像咋变）：从LED冬奥会、奥运会及春晚等等大屏，到手机小屏，快来挖一挖里面都有什么

JupyterNotebook/Lab+库(NumPy,OpenCV,Matplotlib,scikit-image)2.MATLAB+ImageProcessingToolbox3.JavaScript+HTML5Canvas
·2025-07-21 18:53

UGUI 性能优化系列：第四篇——高级优化与注意事项

UGUI性能优化系列：第一篇——基础优化与资源管理UGUI性能优化系列：第二篇——Canvas与UI元素管理UGUI性能优化系列：第三篇——渲染与像素填充率优化UGUI性能优化系列：第四篇——高级优化与注意事项在前面的三篇文章中
吉良吉影NeKoSuKi·2025-07-20 15:36

如何区别HTML和HTML5？

新标签头部区域导航栏内容区块独立文章侧边栏页脚主要内容区✅HTML5通过语义化标签取代了泛滥的，提升可读性和SEO三、多媒体支持差异四、图形技术演进constctx=document.getElementById('myCanvas
代码的余温·2025-07-20 15:01

大模型本地部署-dify私有化部署-教程

二、核心功能列表1、工作流：在画布上构建和测试功能强大的AI工作流程。
·2025-07-20 11:05

UGUI 性能优化系列：第二篇——Canvas 与 UI 元素管理

UGUI性能优化系列：第一篇——基础优化与资源管理UGUI性能优化系列：第二篇——Canvas与UI元素管理UGUI性能优化系列：第三篇——渲染与像素填充率优化在UGUI性能优化中，Canvas是一个核心概念
吉良吉影NeKoSuKi·2025-07-20 02:07

【OpenGL ES】绘制正方形

img绘制的坐标点如下，由于此坐标是以画布中心为坐标原点，水平向右为x轴正方向，竖直向上为y轴正方向，其值是相对画布宽度和高度的比值。一般而
LittleFatSheep·2025-07-19 23:24

UGUI 性能优化系列：第三篇——渲染与像素填充率优化

在UnityUGUI性能优化之旅中，我们已经学习了基础的资源管理和Canvas与UI元素的管理。现在，我们将把目光转向更深层次的渲染层面，特别是如何优化像素填充率（PixelFillRate）。
吉良吉影NeKoSuKi·2025-07-19 11:45

精通Canvas：15款时钟特效代码实现指南

本文还有配套的精品资源，点击获取简介：HTML5的Canvas是一个用于绘制矢量图形的API，通过JavaScript实现动态效果。
烟幕缭绕·2025-07-12 18:37

Python流星雨

文章目录系列文章写在前面技术需求完整代码代码分析1.模块导入2.画布设置3.画笔设置4.颜色列表5.流星类(Star)6.流星对象创建7.主循环8.流星运动逻辑9.视觉效果10.总结写在后面系列文章序号直达链接表白系列
Want595·2025-07-12 18:06

【web应用】若依框架中，使用Echarts导出报表为PDF文件

文章目录前言一、Echarts准备工作1、查看是否安装了Echarts2、Echarts导入script中3、使用Echarts创建图表二、报表制作打印html2canvas和jsPDF准备工作1、安装
JosieBook·2025-07-11 17:13

【第5章 动画】5.11 动画制作的最佳指导原则

不要在Canvas中进行
ncj393437906·2025-07-11 15:29

【总结】暂序

文章目录目前项目业务是使用canvas对数据进行成图，不涉及动画游戏业务，《HTML5Canvas核心技术图形、动画与游戏开发》这本书总共有10章，目前只用看到【第5章-动画】章节，目前笔记就先记录到这
ncj393437906·2025-07-11 15:29

Unity UGUI GraphicRaycaster.Raycast详解

一、源码//////对当前Canvas上的所有可交互UI图形执行射线检测，判断是否被点击或触碰。
上班摸鱼君·2025-07-09 00:37

前端技术博客汇总文档

文章目录前言前端技术博客汇总链接基础知识点HTMLCSSJavaScript基础语法ES6语法扩展知识点Ajax&Fetch与跨域请求Canvas模块化WebpackNode.jsvite框架与实战VueVue.jsVue-routerVuexvue-cli
长路 ㅤ   ·2025-07-08 17:48

html2Canvas不支持object-fit属性导致图片变形了

html2Canvas是不支持object-fit属性data(){return{leftImageStyle:{position:'absolute',width:'1952px',height:'3600px
懒大王、·2025-07-07 22:01

Android阴影效果的艺术与实现：从入门到精通

2.深入MaterialDesign：理解Z轴与阴影层次3.兼容老版本：用Drawable实现阴影4.高级技巧：自定义OutlineProvider5.用Canvas绘制自定义阴影：解锁无限可能6.阴影性能优化
大模型大数据攻城狮·2025-07-06 14:42

踏入真实：具身智能与物理世界的认知交响

当大型语言模型在文本的海洋中纵横捭阖，生成式AI在数字画布上挥洒创意时，人工智能仍有一个根本性的疆域尚未完全征服——真实的三维物理世界。
·2025-07-06 10:01

隐形水印嵌入技术详解

HTML用于联系信息的HTML用于著作标题的HTML有序列表HTML注释HTML表格表头单元格HTML数学符号隐形水印嵌入技术详解（含HTML代码示例）1.图片水印技术1.1频域水印（DCT变换）//使用canvas
·2025-07-06 01:08

Flutter 进阶：实现带圆角的 CircularProgressIndicator

方法一：使用CustomPaint自绘圆角进度Flutter的Canvas提供了绘制弧形和给进度端点设置样式的能力，我们只需设置Pa
Zender Han·2025-07-05 22:09

小程序海报生成神器之一Painter

Painter的优势功能全，支持文本、图片、矩形、qrcode类型的view绘制布局全，支持多种布局方式，如align（对齐方式）、rotate（旋转）支持圆角，其中图片，矩形，和整个画布支持borderRadius
hackchen·2025-07-05 05:41

从0到1掌握OpenCV！Python图像处理实战全解析（附代码+案例）

作为Python生态中最受欢迎的计算机视觉库，它用一行行代码将抽象的像素点变成可操作的“数字画布”。今天，我们就从最基础的图像读写开始，手把手带你解锁OpenCV的“十八般武艺”，从图像处理小白变
小张在编程·2025-07-05 04:37

cursor+deepseek实现完整的俄罗斯方块小游戏

100vh;background:#333;color:white;font-family:Arial,sans-serif;}.game-container{display:flex;gap:20px;}canvas
RW~·2025-07-04 21:57

Qt编程-qml操作（js，c++，canvas）

QML与C++深度整合及Canvas绘图技术详解一、QML与C++交互机制深度解析1.1交互的必要性与优势核心价值对比表：技术维度QML优势C++优势交互价值界面开发声明式UI，快速布局界面能力有限QML
其实我今天想吃河北正宗安徽牛肉板面·2025-07-04 12:20

ThreeJS入门（153）：THREE.Texture 知识详解，示例代码

还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，webgl，ThreeJS，canvas
还是大剑师兰特·2025-07-04 09:58

Skia图形库：绘制2D世界的核心组件

文章摘要Skia是Google开发的跨平台2D图形库，核心组件包括：SkCanvas（绘图入口）、SkPaint（画笔样式）、SkPath（几何形状）、SkImage/SkBitmap（图片处理）、SkFont
·2025-07-03 23:57

python3多个图片合成一个pdf文件，生产使用验证过

pipinstallPillowreportlab步骤2:编写代码下面是一个Python脚本，它将指定目录中的所有图片文件合成一个PDF文件：fromPILimportImageimportosfromreportlab.pdfgenimportcanvasfromr
少陽君·2025-07-03 20:39

OpenDataV：开源 拖拽式 低代码数据可视化开发平台

它允许用户通过拖拽组件到画布上，快速搭建各种炫酷的数据可视化大屏。不仅内置了丰富的组件库，还支持用户开发自己的组件并将其接入平台，从而满足多样化的业务需求。
❀͜͡傀儡师·2025-07-03 20:04

如何用WHIP协议WebRTC推流到NodeMediaServer

二、功能特性客户端开放：支持自定义实现流采集能力：摄像头/麦克风捕获桌面/应用窗口采集Canvas/Video元素捕获支持视频滤镜、AI特效等完整WebRTC功能支持（参考WebRTCSamples）三
illuspas·2025-07-03 17:44

基于 WebGL 与 GIS 的智慧垃圾分类三维可视化技术方案

图扑自主研发的HT可视化引擎，基于HTML5的WebGL与Canvas技术构建，形成了完整的2D/3D图形渲染体系。
图扑可视化·2025-07-03 16:04

Chart.js 安装使用教程

一、Chart.js简介Chart.js是一个简单而灵活的JavaScript图表库，支持8种常用图表类型（折线图、柱状图、饼图等），基于HTML5Canvas渲染。
小奇JAVA面试·2025-07-03 14:50

threejs-夜景

记录threejs实现夜景光照、投影、阴影、反射、材质颜色编码的效果主要是光源设置了shadow、encodingThree.jsScenebody{margin:0;}canvas{width:100%
·2025-07-03 13:01

Matplotlib 报错 AttributeError: module ‘backend_interagg‘ has no attribute ‘FigureCanvas‘

解决办法一在代码开始的部分添加引用importmatplotlibmatplotlib.use('TkAgg')解决办法二降低matplotlib的版本，3.5.0版本及以下的都可以pipinstallmatplotlib==3.5.0官方文档指出：如果没有显式设置后端，Matplotlib会根据系统上可用的内容以及是否已运行GUI事件循环自动检测可用的后端。选择以下列表中第一个可用的后端：Mac
·2025-07-02 22:52

canvas数字雨

exportdefault{name:'vue-matrix-raindrop',//插件的各种参数props:{//canvas宽度canvasWidth:{type:Number,default:800
给我焦虑·2025-07-02 17:16

容量 动效 仪表盘 Canvas 2D API

容量动效Canvas内部圆形波浪canvas{border:5pxsolidblack;}WaveHeight:WaveSpeed:Wave1Opacity:Wave2Opacity:constcanvas
CHENJIAMIAN PRO·2025-07-02 12:09

uniapp，app/H5中，webview与嵌套的html相互通信

$getAppWebview().children()[0]//webview.evalJS(`updateCanvasSize(${x},${y}`)html→webviewhtml中引入（在官网下载
赫卡夹·2025-07-02 07:56

Python流星雨

文章目录系列文章写在前面技术需求完整代码代码分析1.模块导入2.画布设置3.画笔设置4.颜色列表5.流星类(Star)6.流星对象创建7.主循环8.流星运动逻辑9.视觉效果10.总结写在后面系列文章序号直达链接表白系列
·2025-07-02 04:10

canvas实现路段连通和路段效果

源码//utils.js/***通过判断type返回目标图片的地址*@param{String}type图片类型*@returns{String}url目标图片的地址*/exportfunctionsetImgUrl(type){leturl;switch(type){case"track":url=require("./image/car.png");break;case"gantry":url
·2025-07-02 04:06

js实现的前端水印

字体color:'rgba(255,255,255,.3)',//字体颜色rotate:-20,//旋转角度(度数)zIndex:2147483647,//层级globalAlpha:0.5,//透明度canvasWidth
k0933·2025-07-02 02:51

Fabric.js：让网页图形动起来的魔术师！

Fabric.js：赋予Canvas生命的魔术师之手在网页开发的世界里，图形的创建与操作就像一场精心编排的魔术表演。
DT——·2025-07-01 02:44

H5液态玻璃背景效果实现

效果预览本教程提供了两种实现方式：基础版本：使用Canvas2DAPI实现，适合初学者，兼容性好高级版本：使用WebGL和GLSL着色器实现，效果更加逼真，但复杂度更高两个版本都具有以下
木木黄木木·2025-06-29 21:31

Bootstrap 5学习教程，从入门到精通，Bootstrap 5 侧边栏导航(Offcanvas) 语法知识点及案例（26）

Bootstrap5侧边栏导航(Offcanvas)语法知识点及案例一、Offcanvas语法知识点1.基本结构Offcanvas由以下几个主要部分组成：触发按钮（通常带有data-bs-toggle=
知识分享小能手·2025-06-29 15:18

android实践：canvas文字图片旋转显示

问题：如何在手机竖屏模式下将文字/图片旋转显示，即类似横屏方向上显示显示效果：实现：1.文字旋转显示canvas.save();//保存状态入栈canvas.translate(getWidth()>>
汤面不加鱼丸·2025-06-29 13:36

在vue3中通过jspdf+html2canvas实现导出页面pdf功能

一、安装依赖npminstallhtml2canvasjspdf二、创建Vue组件下载文件importhtml2canvasfrom'html2canvas';importjsPDFfrom'jspdf
落晓星·2025-06-29 09:40

【Flutter】时间轴高度自适应最佳实践

1使用部件画圆圈：使用canvas.drawCircle和属性为_paint.style=PaintingStyle.fill;画笔画两个实心圆；画竖线：使用canvas.drawLine和属性为_paint.style
Tech Ranger·2025-06-29 01:34

vue动态页面快照截图 html2canvas

安装依赖npminstallhtml2canvas新建组件SnapshotPage.vueimporthtml2canvasfrom"html2canvas";exportdefault{name:"SnapshotPage
懒大王、·2025-06-29 00:27

python 脚本 遍历目录，并把目录下的非utf-8文件改成utf8

qt项目我本地编译里面经常包含中文，提示编译不过，实际上以前经常手动转，发觉还是用脚本不，毕竟这次下的有点大，我只改.h.cpp#pythonD:\python\filetoUtf.pyE:\EasyCanvas-master
还债大湿兄·2025-06-28 16:56

javascript 动态画心加文字

document.documentElement.clientWidth;varheight=document.documentElement.clientHeight;document.getElementById("gycanvas
das白·2025-06-28 12:01

javascript 动态画心

测试canvas{background:lawngreen;//画布背景色}//铺满屏幕varwidth=document.documentElement.clientWidth;varheight=document.documentElement.clientHeight
das白·2025-06-28 12:00
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他