Canvas:

(前端React)手写签名 react-canvas-draw

importCanvasDrawfrom'react-canvas-draw'constsignCanvas=useRef();//清空signCanvas.current.clear()//获取结果constimg
由本·2023-12-01 03:39

React实现H5横屏电子签名板

二、签字板的板式：三、解决步骤：1、使用react-signature-canvas插件下载命令：
linjyuan·2023-12-01 03:38

react-signature-canvas+hook 实现手写签名并生成图片

yarnaddreact-signature-canvas@types/react-signature-canvas实现手写签名并生成图片，代码如下：import{Button}from'antd-mobile
si_li·2023-12-01 03:08

React实现在移动端进行签字

React实现在移动端进行签字要实现在移动端进行签字，可以使用React组件react-signature-canvas，它是一个开源的React库，可以在移动设备上进行签字。
小何同学要加油·2023-12-01 03:37

前端通过canvas压缩图片

//通过canvas压缩图像constcompressImage=(file:File):Promise=>{returnnewPromise((resolve,reject)=>{constreader
一路追求匠人精神·2023-12-01 00:12

前端二进制数据处理、互转及应用场景

ArrayBuffer简介获取构造函数使用FileReader处理，blob||File=>ArrayBuffer利用TypedArray字符串=>ArrayBufferDataURLs简介组成部分base64获取canvas
lin_298268·2023-12-01 00:41

canvas 文字颜色_Canvas 超全教程

一、简介是一个可以使用脚本(通常为JavaScript)来绘制图形的HTML元素.例如,它可以用于绘制图表、制作图片构图或者制作简单的(以及不那么简单的)动画.最早由Apple引入WebKit，用于MacOSX的Dashboard，随后被各个浏览器实现。如今，所有主流的浏览器都支持它。二、兼容性处理1.替换文本元素与标签的不同之处在于，就像，，或者元素一样，很容易定义一些替代内容。由于某些较老的浏
weixin_39582656·2023-11-30 22:44

解决webgl使用canvas.toDataURL()没有内容的问题

这个问题很好解决，就是在获取webgl对象的时候，多传入一个{preserveDrawingBuffer:true}，然后在使用canvas.toDataURL()获取就能够获取到了。
暮志未晚Webgl·2023-11-30 21:41

【Web端CAD/CAE文字标注】webgl+canvas 2d实现文字标注功能

二、实现原理Canvas是HTML5提供的元素，用于在网页上绘制图形，其支持2D与WebGL两种模式。对于canvas2D擅长绘制基本图形、文字等。
loveoobaby·2023-11-30 21:35

VUE3+javaCV实现长时间录制视频

目录需求实现前端播放海康摄像头的画面录制视频方法一：HTMLVideoElement（废弃）方法二：HTMLCanvasElement（废弃）方法三：javaCV代码问题需求前端接收webrtc-streamer
小小小秃头·2023-11-30 17:44

Vue+Three.js，三维3d模型 虚拟人 glb gltf

three.js项目文件夹里打开终端窗口，并运行：npminstall--savethree在需要使用three.js的组件内引入import*asTHREEfrom'three'Part2：创建容器创建canvas
南七小僧·2023-11-30 16:15

顶呱刮模拟

canvas{margin:0auto;border:1pxsolidgray;}varbonus=['￥25000','￥5000','￥16000','￥800','￥400','￥100','￥50
海天鹰·2023-11-30 15:25

身份证水印

canvas{margin:auto;display:block;}varcanvas=document.getElementById('canvas');vara=6;canvas.width=210
海天鹰·2023-11-30 15:25

使用html2canvas.js实现页面截图(生成海报效果)

1、首先下载依赖npmivue-qrnpmihtml2canvas，然后引入到组件中引入插件先实现二维码功能html部分js部分style部分这样我们就实现了一个简单的二维码显示功能，接下来我们来分析下如何把这二维码还有一张背景图片合并在一起生成海报的
用技术改变世界·2023-11-30 15:45

8款前端特效动画及源码分享

预览获取核心代码01234567890123456789:01234567890123456789:01234567890123456789米字格手写文字练习代码基于Canvas实现的一款米字手写贴，你可以自由的书写你喜欢的文字
迂 幵·2023-11-30 15:44

前端界面网页截图(干货)

最后选择了html2canvas1.下载安装包InstallNPMnpminstall--savehtml2canvas或者InstallYarnyarnaddhtml2canvas2.先看效果图点击【
前端加油站·2023-11-30 14:41

Unity3D UI遮罩和弹窗

码云：https://gitee.com/NCAA_admin/Alert.git具体实现步骤1.创建一个背景图片Background并设置相应属性值2.设置Canvas的属性和Game窗口的比例3.创建一个弹窗的遮罩蒙版名为
萌面刺客·2023-11-30 13:47

Unity之UGUI-特效遮挡问题

上图二.解决方案方案1.给顶层图片添加Canvas，调整OrderinLayer的值1.调整Canvas的RenderMode为ScreenSpace-Camera，给RenderCamera
彩色墨水·2023-11-30 13:14

Unity Particle 被 UI层覆盖 问题解决

于是自己想到两个Canvas直接叠加就好了，交互的放在一个Canvas，图片和Particle放在另一个Canvas。这样即保证了交互正常，又看到了Particle。
1eonleonChan·2023-11-30 13:14

unity粒子特效与ui遮盖显示

1.UI优先显示层级顺序:Camera:Depth=>Canvas:SortingInLayer=>Canvas:OrderInlayer=>Transform:Position:Z;
乾十七·2023-11-30 13:11

Unity的ScrollRect如何裁切粒子特效，以及如何使粒子特效显示在UI上

这里集中解决这两个问题：首先解决如何使粒子特效显示在UI上：1.设定Canvas渲染模式：当添加一个UI对象时，如果Hierarchy下
xiaofengxuan892·2023-11-30 13:07

Unity 新手引导 遮罩效果

Image上添加脚本Test：测试脚本，用于调用类usingUnityEngine;publicclassTest:MonoBehaviour{GuideControllerguideController;Canvascanvas
Liam_Lsc·2023-11-30 13:37

QML类型：Context2D

一、描述Context2D对象可以通过Canvas项的getContext()方法创建：Canvas{id:canvasonPaint:{varctx=canvas.getContext('2d');/
友善啊，朋友·2023-11-30 13:07

Qt6 QML Book/画布/基本变换

Transformation基本变换Thecanvasallowsyoutotransformthecoordinatesysteminseveralways.ThisisverysimilartothetransformationofferedbyQMLitems.Youhavethepossibilitytoscale
꧁白杨树下꧂·2023-11-30 13:36

前端JS将Canvas录制为视频文件

2020年6月我做了一个给程序员专用的虚拟鼓励师插件叫“RainbowFartWaifu”，VSCode和HBuilderX的插件市场里都可以搜到。总之就是让没有妹子陪伴的程序员朋友们写代码时不孤单…这个插件获得了HBuilderX插件开发大赛的二等奖，据很多用户朋友们说，这是个值得特等奖的插件！上周对这个插件又进行了一个小更新，可以一键导出截图和导出一段五秒短视频。其中导出五秒短视频正是看了@十
大帅老猿·2023-11-30 13:28

html5常见问题

新的语法特征被引进以支持这一点，如video、audio和canvas标记。
一个人的旅途_8365·2023-11-30 12:35

小程序 uniapp中webview内嵌H5页面 html2canvas截图 base64的图片保存到手机相册

大概思路就是，在H5页面通过html2canvas进行截图，将截图的数据通过wx.miniProgram.navi
ref_M·2023-11-30 11:16

Android开发你需要掌握的java反射机制原理

经常遇见在某些工具类中没有Context上下文对象时，一些系统服务的代理对象无法创建出来，举个例子：比如在源码(framework/base/graphics/java/android/graphics)路径下的Canvas.javaBitmap.javaPicture.javaPaint.java
broadview_java·2023-11-30 10:30

一个酷炫的HTML页面的代码，一个基于HTML5 Canvas实现的预加载动画效果

```CoolHTML5CanvasPreloaderbody{background-color:#222;color:#fff;font-family:Arial,sans-serif;font-size
YCY^v^·2023-11-30 10:20

HTML点击鼠标动态特效，屏幕生成特效火花特效

效果视频：火花视频html+js直接上代码：MouseClickEffectbody{margin:0;padding:0;background-color:#000;}canvas{position:
YCY^v^·2023-11-30 10:49

vue中使用canvas手写输入识别中文

重要提示本文使用的api已停用，暂未找到可替代的api（2023-02-10）效果图前言最近做一个室外大屏项目，系统上的输入法使用不方便，客户要求做一个嵌入web网页的手写输入法。核心后端接口api：使用QQ输入法手写接口https://handwriting.shuru.qq.com/cloud/cgi-bin/cloud_hw_pub.wsgi参数说明类型默认值track_str笔画字符串，单
sunddy_x·2023-11-30 03:16

九章云极DataCanvas大模型系列成果发布会重磅来袭，诚邀见证！

【诚邀】⏰11月21日，九章云极DataCanvas举办“筑基赋能·智向未来—九章云极DataCanvas大模型系列成果发布会”。
九章云极DataCanvas·2023-11-30 00:01

九章云极DataCanvas大模型系列成果重磅发布！

11月21日，「筑基赋能智向未来」九章云极DataCanvas大模型系列成果发布会（以下简称“发布会”）在北京重磅召开，本次成果发布距离今年6月30日DataCanvasAlaya九章元识大模型公布仅4
九章云极DataCanvas·2023-11-30 00:01

【重磅合作】九章云极DataCanvas公司与生态伙伴强强联手，构建人工智能强生态！

11月21日，在「筑基赋能智向未来」九章云极DataCanvas大模型系列成果发布会上，九章云极DataCanvas公司与人工智能产业链上下游合作伙伴广东民营投资股份有限公司（以下简称“粤民投”）、西藏赛富合银投资有限公司
九章云极DataCanvas·2023-11-30 00:01

TableAgent：首个国产可私有部署的企业级Code Interpreter

TableAgent公测地址：https://tableagent.DataCanvas.com数字化时代，数据分析的重要性犹如空气般无处不在。
九章云极DataCanvas·2023-11-30 00:01

canvas图片下载保存到本地

canvas标签是可以右键保存的但是这样还是不够友好如果点击按钮下载，那就最好不过了思路a标签可以下载资源的2.只要把canvas转成base64的格式放在href里就好了于是download是下载的文件名下载
明月半倚深秋_f45e·2023-11-29 23:08

canvas中的非零环绕原则

看穿过拉出的直线的线段.如果是顺时针方向就记为+1,如果是逆时针方向，就记为-1.最终看求和的结果.如果是0就不填充.如果是非零就填充非零环绕原则：就是canvas在进行填充的时候是否要进行填充的判断依据
海之深处爱之港湾·2023-11-29 20:58

[学习笔记] Android群英传：Android动画机制与处理技巧

缩放个移动等几种动画，而且控制了整个的View，实现原理是每次绘制视图的时候View所在的ViewGroup中drawChild函数获取该View的Animation的Transformation值，然后调用了canvas.concat
尘埃zza·2023-11-29 16:40

贪吃蛇小游戏基本简单布局

贪吃蛇小游戏游戏控制开始游戏暂停游戏重置游戏layui.use(['layer','form'],function(){varlayer=layui.layer;varform=layui.form;//游戏逻辑varcanvas
m0_64180190·2023-11-29 15:28

svg与canvas的区别

........虽然尼它俩都是用来绘制图形的但是还是各有优势哒！首先svg1.svg是一个使用XML描述2D图形的语言2.svg基于XML，这意味着svgDOM中的每个元素都是可用的。您可以为某个元素附加javascript事件处理器。在svg中,每个被绘制得图形均被视为对象。如果svg对象的属性发生变化，那么浏览器能自动重现图形。特点:不依赖分辨率支持事件处理器最适合带有大型渲染区域的应用程序（
昱蓉呀·2023-11-29 14:29

Canvas艺术之旅：探索锚点抠图的无限可能

抠图对于我们来说也是一种很常用的功能了，今天就让我们一起来看下怎么使用canvas来实现一个锚点抠图功能。
JYeontu·2023-11-29 13:52

前端js实现从视频中提取图片帧

使用canvas进行视频截图。截取清空图片captureVideo(w){if(this.videoUrl==''){this.
JYeontu·2023-11-29 13:51

Canvas Draw 6.0.3 (6084) for Mac 破解版

CanvasDraw6.0.3(6084)forMac破解版软件地址：macdwn.site/mac/ipmk02sv.html复制地址到浏览器地址栏访问，即可下载CanvasDraw6.0.3(6084
194fb265ee05·2023-11-29 11:44

JS 绘制半径不一致的环形图进度条

HTML部分:JS部分：constoption={element:"mycanvas",//元素count:26,//高亮数据totalCount:129,//总数据progressColor:'#3266FB
whatever who cares·2023-11-29 11:01

对虚拟DOM的一点理解

（整体的思想是减少对DOM的操作）1).既然DOM操作很慢，那就不用DOM优点：性能全面提升最开始有个公司提出了一个全新的理解，既然DOM很慢，那么就不用DOM，他们直接用的是canvas（画布），相当于用户操作的是一个
Leon_Jcy·2023-11-29 11:27

qt 当前窗口句柄_QT获取窗口句柄

安装paramiko$brewinstallopenssl$/usr/local/opt/openssl/bin/c_rehash$exportARCHFLAGS="-archx86_64&q...用Canvas
weixin_39759060·2023-11-29 05:34

canvas效果案例：贝塞尔曲线

绘制二次贝塞尔曲线ctx.quadraticCurveTo(x1,y1,x,y);从上一点开始绘制一条二次曲线，到(x,y)为止，并且以(x1,y1)作为控制点ctx.beginPath();ctx.strokeStyle='green';ctx.lineWidth=4;//起始点ctx.moveTo(100,400);//（从上一点）ctx.quadraticCurveTo(200,500,30
贝程学院_前端·2023-11-29 00:26

vue项目中生成二维码

1、第一个步安装第三方插件npmiqrcodeqrcode的用法QrCode.toCanvas(dom,info)dom为一个canvas的dom对象，也就是一个canvas标签，info为转换成二维码的信息
SpaceX7_s·2023-11-29 00:12

Vue中实现将页面生成微信二维码

用来存放二维码图片微信扫一扫3.生成二维码的方法：（在mounted的时候调用一下此方法就可以了）weChatQrCode(){constqrcode=document.getElementById(`qrcodeCanvas
云卷云舒%·2023-11-29 00:40

Taro + vue3 + ts 项目中实现二维码的生成

不知道是怎么回事在我的项目里是真的不都用也看了很多博主的例子人家的都没有问题我的却出不来现在这样写应该是没有问题的使用weapp-qrcode这个插件因为我做的是抖音小程序所以小程序中没有Dom很多关于二维码的生成都是通过操作Dom实现的安装成功以后drawQrcode({width:130,height:130,canvasId
一只小阿乐·2023-11-29 00:08
上一页 24 25 26 27 28 29 30 31 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他