首页 > 其他分享 >解决webgl使用canvas.toDataURL()没有内容的问题

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

时间:2023-05-10 10:34:39浏览次数:33  
标签:canvas preserveDrawingBuffer webgl toDataURL var true

这个问题很好解决,就是在获取webgl对象的时候,多传入一个​​{preserveDrawingBuffer: true}​​​,然后在使用​​canvas.toDataURL()​​​获取就能够获取到了。
案例:

 var canvas = document.getElementById("canvas");
 var gl = canvas.getContext("webgl", {preserveDrawingBuffer: true});

 

标签:canvas,preserveDrawingBuffer,webgl,toDataURL,var,true
From: https://www.cnblogs.com/hyt09/p/17387211.html

相关文章

  • Blob/DataURL/canvas/image的相互转换
    /*-----------------------------------------------------------------------*///canvas转dataURL:canvas对象、转换格式、图像品质functioncanvasToDataURL(canvas,format,quality){returncanvas.toDataURL(format||'image/jpeg',quality||1.0);}//DataURL转can......
  • typescript重写canvas --10.绘制文字2
    typescript重写canvas--10.绘制文字21.使用canvas绘制文字<!DOCTYPEHTML><html><head><metacharset="utf-8"/></head><body><canvasid="myCanvas"width="450"height="400">你的浏览器......
  • typescript重写canvas --9.绘制文字
    typescript重写canvas--9.绘制文字1.使用canvas绘制文字<!DOCTYPEHTML><html><head><metacharset="utf-8"/></head><body><canvasid="myCanvas"width="450"height="400">你的浏览器不支......
  • typescript重写canvas --7.利用clip在指定区域绘图
    typescript重写canvas--7.利用clip在指定区域绘图1.使用canvas利用clip在指定区域绘图<!DOCTYPEHTML><html><head><metacharset="utf-8"/></head><body><canvasid="myCanvas"width="250"height="200......
  • unity发布到4399的webgl模式问题:FRAMEWORK.JS中的WEBREQUEST_SEND括号内的函数(不能有
    在发布4399的时候,之前遇到过这个问题,解决方法当然就是删除这个函数啦。步骤也很简单,但是刚开始摸不着头脑搞了好久,最后发现发布的时候有个加密选项,选择不加密,后面build的文件里面就可以进行打开修改,按照要求修改函数即可。......
  • 网页截图,html2canvas简单示例
     <divid="box"><p>asd4a5s6fa6s5f1asf</p><imgstyle="width:200px"src="xxxxxx.png"/><buttonstyle="width:100px;height:30px"onclick="prtsc()">pr......
  • WPF中将Canvas导出为png图片
    1publicstaticvoidExportToPng(thisCanvascanvas,Uripath)2{3if(path==null)4{5return;6}7Transformtransform=canvas.LayoutTransform;8canvas.LayoutTransform=null;9Sizesize=newSize(900,600);10......
  • 当我第一次通过Kotlin和Compose来实现一个Canvas时, 我收获了什么?
    当我第一次通过Kotlin和Compose来实现一个Canvas时,我收获了什么?自从2019年Google推荐Kotlin为Android开发的首选语言以来已经经历了将近四年的时间,Compose的1.0版本也发布了将近2年的时间,Kotlin+Compose在现阶段的Android开发过程中还远远达不到主流的程度.我们是否应该......
  • canvas指纹追踪技术
    通过canvas生成一个base64的字符串对于设备、操作系统、浏览器生成的functionuuid(){constcanvas=document.createElement('canvas');constctx=canvas.getContext('2d');consttxt='test';ctx.fillText(txt,10,10);console.log(canva......
  • 如何通过canvas实现粗细不同的电子签名
    想要实现一个电子签名,可以支持鼠标签名,还能类似书法效果线条有粗有细,同时可以导出成图片.一、实现连贯的划线1)首先需要注册鼠标下压、鼠标放开、鼠标移出和鼠标移动事件,通过鼠标下压赋值downFlag标记开始绘制2) 鼠标移动时,将当前坐标位置传入绘制方法,通过lineTo方法......