前段Canvas

HTML5 更新的功能

文章目录前言**一、语义化标签（SemanticElements）****二、多媒体支持（Audio&Video）****三、图形与绘图（Canvas&SVG）****1.``****2.SVG内联支持
TE-茶叶蛋·2025-06-18 20:11

详细分析Canvas基本知识（以Vue3为基础）

目录1.基本知识2.Demo2.1填充矩形和描边矩形2.2清空矩形区域2.3绘制直线和路径2.4绘制圆形2.5绘制图像2.6多个形状组合3.彩蛋1.基本知识以下是关于Canvas的基本知识和对应API的详细分析
码农研究僧·2025-06-18 20:40

用canvas画外汇数据走势图.

例子显示地址:http://www.169gold.com/elephant/pic/index.html下载地址:https://github.com/fyddaben/Html5CanvasDatas
fyddaben·2025-06-18 18:31

Vue--将页面区域导出为pdf

背景：将前端页面指定区域的内容导出为pdf，使用纯前端实现两种实现：方式一：使用jsPDF、html2canvas，将特定区域使用html2canvas转化为图片，使用jsPDF将图片转化为pdf。
·2025-06-18 17:48

python动态重叠爱心图

importrandomfrommathimportsin,cos,pi,logfromtkinterimportTk,Canvas#画布参数CANVAS_WIDTH=800CANVAS_HEIGHT=
胡乱编胡乱赢·2025-06-17 19:21

前端犄角旮旯，非常规面试题总结（不断更新....）

前段时间面试了一个大厂，被问了一些犄角旮旯的面试题，整场下来，一脸懵逼，决定痛定思痛，把这些题总结下来，不断更新。每天一遍，每天进步。。。
电饭煲饭·2025-06-17 14:44

VUE + pdfh5 实现pdf 预览,主要用来uniappH5实现嵌套预览PDF

pdfh5预览(移动端，h5)npminstallpdfh5,（会报错，需要其他依赖，不能直接用提示的语句直接npm下载，依旧会报错，npm报错：Thesedependencieswerenotfound:*canvasin
·2025-06-17 05:46

uniapp手写_uniapp+canvas实现手写签字

class="mycanvas"canvas-id="mycanvas"@touchstart="touchstart"@touchmove="touchmove"@touchend="touchend
在下小悟·2025-06-17 05:15

券商高速高稳定性行情服务解决方案(单机qps28万/秒)

背景前段时间和券商IT朋友交流，提到早盘高并发的情况下，行情系统经常卡死，用Java开发的服务端八万的并发已经扛不住了。
李开太·2025-06-17 05:44

uniapp 手写签名实现

在uniapp中实现手写签名功能，可以使用HTML5的canvas元素。以下是一个基本的实现方案：在页面上放置一个canvas元素。
豆豆（前端开发+ui设计）·2025-06-17 05:14

做开源数据库，九章云极DataCanvas是认真的

中国正值企业数智化转型的时代拐点之际，企业数据规模呈现爆炸性增长、数据类型愈发丰富、新数据应用场景深化等特点，云数据库、HTAP数据库、开源数据库等新型数据库的出现，推动数据库领域全新发展。据中国信息通信研究院发布的《数据库发展研究报告(2021年)》显示，2020年全球数据库市场规模为671亿美元，其中中国数据库市场规模为35亿美元，占全球5.2%。预计到2025年，全球数据库市场规模达到798
CSDN 数据库·2025-06-16 15:42

九章云极发布九章智算云Alaya NeW Cloud 2.0， 开创Serverless+RL技术趋势

‌2025年6月16日北京讯‌——AI独角兽企业九章云极DataCanvas在“九章云极智能计算论坛”上正式发布新一代全栈智能计算云平台——九章智算云AlayaNeWCloud2.0，并同步启动全球首个强化学习智算服务
·2025-06-16 15:42

HarmonyOS开发实战之ArkGraphics 2D实现美颜相机贴纸功能

开发全记录import{Canvas,Path2D,ImageBitmap}from'@ohos/arkgraphics_2d';//创建绘制上下文constcanvas
·2025-06-16 14:53

前端手写签名板终极实现指南：从零到专业级解决方案

一、基础实现：原生Canvas签名板1.1核心三件套搭建电子签名板清除画布/*style.css*/body{display:flex;justify-content:center;align-items
前端御书房·2025-06-16 10:39

鸿蒙开发实战之Pen Kit实现美颜相机专业级手写批注

一、核心功能价值通过PenKit为美颜相机带来三大专业能力：精准压感书写支持8192级压感（0.1mm精度）倾斜笔锋模拟（±60°倾角识别）墨迹特效引擎实时渲染水彩/马克笔效果（延迟{canvas.draw
·2025-06-16 10:45

微信小程序使用echarts

大多教程使用ec-canvas直接加入小程序文件夹。
沉默电流·2025-06-16 06:38

微信小程序使用画布实现飘落泡泡功能

微信小程序使用画布实现飘落泡泡功能：从组件封装到页面调用的完整实践先看示例截图：一、背景与技术选型在微信小程序中实现类似于飘落的泡泡或者樱花飘落的功能，一般主要有Canvas和图片两种方案：（1）Canvas
蒜鸟小窝·2025-06-16 03:55

微信小程序使用图片实现红包雨功能

实现红包雨效果主要有Canvas和图片两种方案：（1）Canvas方案：性能优异，资源占用小，但视觉表现依赖绘图API（2）图片方案：视觉效果真实，可灵活设计红包样式，但资源加载与内存占用较高本文将采用图片方案实现红包雨组件
·2025-06-16 03:22

Cesium圆锥渐变色实现：融合顶点着色器、Canvas动态贴图与静态纹理的多方案整合

在Cesium中渲染圆锥体时，无论采用顶点着色器、Canvas动态贴图还是静态图片贴图，其渐变色均需满足以下条件：圆形结构：渐变范围限定在圆锥底面的圆形区域内。
爱怪笑的小杰杰·2025-06-15 15:05

记录最近，计划未来

我也很久没写博客了，前段日子无比的忙碌，从上学
wuxuanok·2025-06-15 08:21

html svg canvas图片,javascript svg转canvas和image

代码(内含注释)window.onload=function(){//获取svg内容varsvg=document.getElementById('svg-wrap').innerHTML;varcanvas
啊梨梨·2025-06-14 22:06

如何把html转换成canvas,html5-如何将HTML元素转换为canvas元素？

html5-如何将HTML元素转换为canvas元素？能够将常规元素临时转换为canvas，这将非常有用。例如，说我有一个要翻转的样式div。
·2025-06-14 22:06

html2canvas兼容svg,html2canvas 识别 svg 解决方案

htmljshtml2canvas([$('div.visualization')[0]],{useCORS:true}).then(function(canvas){if(navigator.msSaveBlob
程嵇邢滑·2025-06-14 22:06

Canvas2SVG：将Canvas绘图转换为SVG格式的高效工具

Canvas2SVG：将Canvas绘图转换为SVG格式的高效工具canvas2svgTranslatesHTML5CanvasdrawcommandstoSVG项目地址:https://gitcode.com
凤高崇·2025-06-14 21:03

解决html2canvas 截图中SVG有image不渲染问题

最近是在使用html2canvas做分享海报的图片，用qrcode.react的QRCodeSVG生成了二维码，但是发现生成的海报二维码中间的logo不渲染例如是由于html2canvas截图时不会去请求
guxuehua·2025-06-14 21:03

cesium shader着色器 (水波纹效果)

本文包括实现思路加源码cesium为1.102以上版本更多内容/样例cesium实战目录核心代码来自https://www.shadertoy.com/view/ldfyzl实现思路shadertoy上的着色器是在一个canvas
GIS-CL·2025-06-14 21:00

前端实现图片压缩：基于 HTML5 File API 与 Canvas 的完整方案

本文将详细讲解如何通过实现图片上传，结合Canvas实现图片压缩，并实时展示压缩前后的图片预览和文件大小对比。
·2025-06-14 12:27

用canvas怎么制作下雪效果

首先新建一个html文件，将body的背景设置为天空的那种深蓝色，并创建一个canvas，canvas的操作逻辑都放在snow.js中：body{background-color:#102a54;}canvas
Carver猫哥·2025-06-14 12:56

前端导出PDF(适配ios Safari浏览器）

目前市面上常用的前端导出PDF库组合一般为：1.html2canvas+js-pdf2.html2canvas+pdf-lib3.domtoimage+pdf-lib因本人项目中导出pdf需求为导出30
·2025-06-14 09:45

AI 算力有了普惠新玩法，九章云极 DataCanvas 发布全新算力产品“算力包”

出品|CSDN生成式AI正在带来计算、开发、交互三大范式全面升级和转换，并将进一步让我们迎来科技变革周期，而且比移动与云计算变革更加剧烈。不过对于企业来说，不论是自建还是采用云模式，AI所消耗的算力都是一项昂贵复杂的高成本投入，因此业界一直以来都有AI系统就要“堆资源、堆硬件”，“搞AI就是装备竞赛”的固有印象。如何从技术产品的创新，去降低AI算力成本，是企业需要思考的重要议题。近日，九章云极Da
CSDN云计算·2025-06-13 11:16

重磅预告！为AI加速，九章云极智能计算科技论坛暨Alaya NeW Cloud发布在即！

作为一家专注AI技术创新和数据智能应用的公司，九章云极(DataCanvas)也一直在思考：怎样才能让AI的这个“核心引擎”跳动得更强劲、更高效，让大家那些天马行空的创意，都能更容易地变成现实。
CSDN资讯·2025-06-13 11:45

【Canvas与艺术】多边形扩展车轮

【成图】【代码】多边形扩展车轮Draft2.centerlize{margin:0auto;width:1200px;}如果看到这段文字说您的浏览器尚不支持HTML5Canvas，请更换浏览器再试.)拷贝下来
土门子拉马努金·2025-06-13 10:10

Android 圆形ImageView

代码实现：importandroid.content.Context;importandroid.graphics.Bitmap;importandroid.graphics.Canvas;importandroid.graphics.Matrix
星--空·2025-06-13 03:18

含eachars的html转pdf

importhtml2canvasfrom‘html2canvas’;import{jsPDF}from‘jspdf’;printDivAsPdf(){console.log(this.baogao.nativeElement
张毫洁·2025-06-12 00:05

【第5章 动画】5.1 动画循环

方法让浏览器来自行决定帧速率可移植于各浏览器平台的动画循环逻辑深入理解requestAnimationFrame屏幕刷新频率动画实现原理setIntervalrequestAnimationFrame前言在Canvas
ncj393437906·2025-06-11 23:33

js生成浏览器指纹(2层)

$(function(){getCans();});letgetuuid=‘’；//浏览器指纹//生成浏览器指纹(2层)functiongetCans(){varcanvas=document.createElement
avoidaily·2025-06-11 21:16

ELK收集Nginx日志并进行展示

文章目录前言Elasticsearchlogstash安装kibana安装设置用户密码参考前言前段时间服务器遭受到攻击，发现的时间比较晚，于是我转行做起运维。
RyanC3·2025-06-11 00:09

使用FME实现GDB矢量转标准txt的思路

一、背景前些天，有朋友想把shp转标准txt格式，可是常用的工具在那台电脑上有问题，正好前段时间做了“GDB坐标表转面_FME工具”，我想着原理应该是相同的，于是我就想自己试着用FME做一个工具出来。
·2025-06-10 21:18

振动matlab程序_模态与振动：（1）什么是模态

前段时间，一则关于虎门大桥异常晃动的新闻在朋友圈流传盛广，最后专家解释原因为涡激共振：风绕流经钝体结构时可能发生旋涡的脱落，
白辂·2025-06-10 14:30

Selenium模拟登录系列 | 淘宝滑块验证码破解！不难嘛！

各位小伙伴还记得前段时间号主挖过的一个坑嘛(虽然我曾经挖过无数个坑T_T)：Selenium模拟登录系列|B站滑块验证码破解今天随手更新了一下SeleniumLogin这个包，支持了一波利用selenium
爬遍天下无敌手·2025-06-10 11:44

外包干了两年，技术菜的明显。。。

前段时间他和我说了下，说不能在废下去了，要想办法自救了，干了近两年的功能测试，他一个小伙子都要变成50岁的保安大爷了，完全不思进取，我问他为啥想到要自救，前面进取心不是被磨灭的差不多了吗
测试老哥·2025-06-10 03:15

vue将二维码做成名片，并且生成图片保存

效果图1.安装html2canvas首先，你需要在你的Vue项目中安装html2canvas。
liaozk_c·2025-06-08 19:27

vue生成二维码图片+文字说明

2.创建canvas，将二维码图片绘制到canvas的上半部分。3.在canvas的下半部分绘制文字，处理换行和样式。4.将canvas转换为图片，触发下载。
爱生活的苏苏·2025-06-08 18:55

canvas画条形图 微信小程序_微信小程序-通过canvas编辑生成图片

最近有做一个关于自定义内容之后生成图片,用作分享使用.研究了一下,实现有两种方案:1.服务端生成模板,通过传给服务端数据返回图片.这样前端基本没有任务量,只负责展示.2.前端自己处理,将所需数据画入canvas
labfay·2025-06-08 06:31

微信小程序--canvas 画海报 转发好友 下载本地

获取本地手机的屏幕宽高（宽高需要按照自己实际需求计算）toCanvas(){letthat=thiswx.getSystemInfo({success:function(res){console.log
·2025-06-08 06:30

前端面试题：H5新增特性？CSS3新增特性？

一、H5新增特性1、拖拽释放(Drapanddrop)APIondrop拖放是一种常见的特性，即抓取对象以后拖到另一个位置在HTML5中，拖放是标准的一部分，任何元素都能够拖放2、画布canvas；getContext
LXQ（理性版）·2025-06-07 12:34

Android自定义View 纯色背景打洞

packagecom.ppg.mylibrary.a;importandroid.content.Context;importandroid.graphics.Canvas;importandroid.graphics.Color
皮皮高·2025-06-07 06:20

前端导出图片和pdf样式问题和模糊问题

前端导出图片和pdf样式问题和模糊问题目前前端比较流行的导出图片插件有html2canvas和dom-to-image等导出pdf的插件有jspdf和pdfmake等1）选择dom-to-image和jspdf
youliroam·2025-06-07 02:52

python绘图函数教程_Python的画图模块turtle使用详解

turtle绘图的基础知识：1.画布(canvas)画布就是turtle为我们展开用于绘图区域，我们可以设置它的大小和初始位置。设置画布大小tu
weixin_39926678·2025-06-06 17:47

记一次微信小程序canvas 2d 生成海报问题

如:事情总是不是那么顺利，canvas生成海报生成中遇到各种奇葩问题。
安徽杰杰·2025-06-06 13:50
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他