toDataURL

vue-element根据后端返回的值，在表格内生成二维码并且下载

asyncgetCode(data){console.log(data,';;;')try{constdataSting=data.toString()constqrCodeData=awaitQRCode.toDataURL
爬坑的小白·2024-09-10 14:51

html2canvas截图

$refs.rainContent,{useCORS:true,logging:false}).then(canvas=>{constimageUrl=canvas.toDataURL('image/jpeg
倒霉娃不要倒霉·2024-02-11 15:04

jsPDF+html2canvas实现html转pdf下载+打印

原理：将页面的dom元素通过html2canvas转成canvas，通过canvas.toDataURL('image/jpeg',1.0);返回一个包含图片展示的数据URL，通过JsPDF将调用addImage
小浣熊喜欢揍臭臭·2024-02-07 06:33

vue中视频截图下载保存/存储实现（Failed to execute ‘toDataURL‘ on ‘HTMLCanvasElement‘: Tainted canvas报错处理方法）

self.screenshotDom,{allowTaint:true,useCORS:true,}).then((canvas)=>{//生成base64路径constcapture=canvas.toDataURL
Zeng　·2024-02-04 13:08

html - 页面内的某个区域(div)进行截图

backgroupColor:"transparent",allowTaint:true}).then((canvas)=>{vara=document.createElement("a");a.href=canvas.toDataUrl
zz--1111·2024-02-02 01:43

html5 canvas压缩上传图片,导出HTML5 Canvas图片并上传服务器功能

canvas处理后的图片必然涉及到保存，因此，下面方法也许是你需要的~思路：1.使用toDataURL()方法导出canvas图片，此时得到base64的数据2.将base64数据封装blob对象3.组装
weixin_39687359·2024-01-29 12:50

canvas生成图片

canvas生成图片结构注意不要用v-if控制显示隐藏，canvas在dom被删除后在显示时画布上的内容会消失长按保存到手机相册js注意：canvas调用cvs.toDataURL("image/png
紫气楠楠·2024-01-29 05:25

【fabric.js】toDataURL 性能问题、优化

省流版的话，toDataURL的multiplier参数不要设置超过500；情景：在做某些功能的时候涉及到图形的预览，预览的时候是导出为40*40像素的图片，当碰到某些图形非常小的时候，例如该图形是0.01
oumae-kumiko·2024-01-27 09:18

Vue中利用canvas添加炫动背景

this.getCanvas();//设置canvas图像为背景document.getElementById('main').style.backgroundImage='url("'+context.canvas.toDataURL
同一片云彩·2024-01-23 17:15

canvas能压缩图片？

这篇简单说一下使用canvas压缩图片其实思路很简单，我们选择了图片之后，会获取到对应的文件流对象，然后我们将这个文件流再转为图片，然后使用canvas将这个图片画出来，最后调用canvas.toDataURL
会说法语的猪·2024-01-20 22:22

如何实现图片压缩

canvas的drawImage方法具体思路拿到用户上传的文件转成base64创建一个Image，主要是获取到这个图片的宽度和高度创建一个2D的画布，画布的宽高就是图片的宽高drawImage渲染图片toDataURL
嘤嘤怪呆呆狗·2024-01-16 17:08

vue+elementui+web上传图片压缩

点击此处查看原因原因总结:会用到toDataURL('image/jpeg',qualitys)的一个方法在指定图片格式为image/jpeg或image/webp的情况下，可以
小话001·2024-01-15 14:11

Vue使用QRCode.js生成二维码

1.安装qrcodenpminstallqrcode2.组件中引入qrcodeimportQRCodefrom'qrcode'3.html代码生成二维码扫码预览4.使用qrcode：调用QRCode.toDataURL
刘佳季·2024-01-11 03:12

在Vue3中使用qrcode库实现二维码生成

目录一、基础用法实现二、toDataURL()方法三、toCanvas()方法四、create()方法五、QRCodeRenderersOptions()方法在Vue3中实现二维码生成需要使用第三方库来处理生成二维码的逻辑
专业研究祖传Bug编写术·2023-12-26 09:06

低版本的 safari 兼容 canvas.toBlob 方法

(In'canvas.toBlob','canvas.toBlob'isundefined)低版本的safari没有支持canvas.toBlob方法需要使用其它代替方案解决方案使用canvas.toDataURL
林键燃·2023-12-26 05:12

为什么你从canvas toDataURL 得到黑图片？

前段时间做WebGL相关的项目遇到的，其实就是缓冲数据问题，一般2d都可以正常输出，但是到了WebGL就嗝屁了，希望对你有用imageimage
孙悟空SUN·2023-12-22 08:34

vue,uniapp生成二维码

,在需要使用的页面引入importQRCodefrom'qrcode';3,使用constcodeDetail=(item)=>{//这个item.code是要生成的数据，我的是一串数字QRCode.toDataURL
我爱学习yq·2023-12-06 08:01

uniapp vue3+ts h5端生成二维码与背景图合并成一张图片

importqrcodefrom"qrcode"import{ref}from"vue"constdata=ref({qrCodeUrl:"",imgURL:''})constsetImage=()=>{leturl=“qrcodeText”qrcode.toDataURL
ajzzz·2023-12-03 06:10

基于supermap超图、cesium的场景截图实现，避免全黑截图

由于超图或cesium场景都是在一个canvas标签上，所以一开始打算用canvas.toDataURL()获取画布上的绘制内容，再通过a标签触发点击下载。但最后试了多次得到的都是全黑图片。
hoaxxcj·2023-12-01 18:31

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

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

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

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

canvas图片下载保存到本地

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

关于Canvas保存为图片

varcanvas=document.querySelector("#canvas");varstrDataURI=canvas.toDataURL("image/jpeg");这就是获取数据的方法，网上都很多这样的代码
陨石坠灭·2023-11-26 17:12

url生成二维码

www.baidu.com'});$("#save").click(function(){varcanvas=$('#qrcode').find("canvas").get(0);varurl=canvas.toDataURL
kalrase·2023-11-26 13:21

Cesium场景导出为图片功能

的方式将场景导出为图片文件，达到我们想要的效果效果图关键代码exportfunctionsaveToFile(scene){letcanvas=scene.canvas;letimage=canvas.toDataURL
xt3d·2023-11-25 07:09

Canvas对ImageData进行Resize操作（平滑高性能处理）

问题背景通过getImageData函数得到的ImageData通过putImageData重新放到canvas容器无法进行resize操作，如果通过toDataURL函数转为Image再使用drawImage
Alex-Leung·2023-11-23 17:36

canvas绘制图片并下载

/*说明：运行环境：服务器环境下，因为canvas.toDataURL不支持本地文件打开使用场景：当你想把一张图片生成不同尺寸的图片*/Canvas绘制图片并下载图片保存并下载constoBtn=document.querySelector
怒默·2023-11-23 11:14

前端截取视频第一帧作为封面

2.方法：通过创建canvas标签，利用其drawImage()方法在画布上绘制该视频，然后运用toDataURL方法转换canvas上的图片为base64格式，并将base64格式的图片作为video
番茄炒蛋加鸡腿·2023-11-12 16:55

canvas 图片、文字模糊问题

之前做了一个在线给图片添加文本框的工具，大体思路是先把图片加载到一个DOM结构中，然后通过html2canvas导出到一个canvas，最后通过canvas自带的toDataURL方法导出成图片。
流动码文·2023-10-29 15:15

html5画布撤销,HTML5 canvas绘图的redo和undo功能的实现

为了实现canvas的redo/undo功能，我们需要保存canvas的快照(通过canvas的toDataURL方法来实现)，将每一个快照都存储在一个数组cPushArray中，当我们每次往canvas
如茜·2023-10-24 20:08

Javascript学习笔记（详）（七）——Canvas绘图

document.getElementById("drawing");if(drawing.getContext){//检查浏览器是否支持元素//取得图像的数据URLletimgURL=drawing.toDataURL
snow zhao·2023-10-23 00:39

OpenLayers6（3）：Vue导出图片时报错“Uncaught DOMException: Failed to execute ‘toDataURL on ‘HTMLCanvasElement”

1.版本OpenLayers：6.4.32.导出时候遇到报错3.原因分析原因：openlayers中加载的图层中存在不允许跨域的图层；解决：找到相应的图层，添加crossOrigin:'anonymous'，处理跨域问题；//切片-图层exportfunctionaddlocalTileLayer(title,url,proj='EPSG:3857'){consttileLayer=newTile
碰碰qaq·2023-10-17 11:11

利用html2canvas实现图片加水印

$refs.addImage,{useCORS:true,backgroundColor:null,}).then((canvas)=>{this.downUrl=canvas.toDataURL("image
陌影-·2023-10-10 13:19

纯js实现将html转PDF（html2canvas+jsPdf）

functionexportPdf(){html2canvas($('#main'),{//选择要导出的页面id样式height:2000,onrendered:function(canvas){varimgData=canvas.toDataURL
行行复重重·2023-10-07 13:35

canvas.toDataURL() Security Error The operation is insecure

//Webkitwillthrowsecurityerrorwhenimageusedoncanvasandcanvas.toDataUrl()returnnewPromise((resolve,reject
Roct·2023-10-01 20:37

nuiapp保存canvas绘图

使用toDataURL()方法将Canvas保存为图像数据URL：varimage=canvas.toDataURL("imag
&ACE&·2023-10-01 13:51

uniapp APP端使用html2canvas截图分享小程序卡片图片模糊、跨域等问题解决

问题2、截图时报错：Failedtoexecute'toDataURL'on'HTMLCanvasElement':Taintedcanvasesmaynotbe
A_mnesia·2023-09-28 16:48

vue,uniapp生成二维码

,在需要使用的页面引入importQRCodefrom'qrcode';3,使用constcodeDetail=(item)=>{//这个item.code是要生成的数据，我的是一串数字QRCode.toDataURL
BJYXSZD-9185·2023-09-27 10:59

html2canvas简单使用

保存1.长按下方图片保存保存2/***知识点：*html2canvas(element,options)*canvas.toDataURL("image/png")得到图片的base64编码数
晴天说笑·2023-09-26 19:52

React Native封装tencentx5 Sdk的Webview

react-native-webview-tencentx5手把手教你一步步集成腾讯X5内核（TencentTBSX5）接入文档开发文档之前基于react-native-webview封装的Canvas在比较老的android手机上没法导出图片canvas.toDataURL
·2023-09-26 00:19

生成二维码qrcode

importQrCodefrom'qrcode';QrCode.toDataURL(qrUrl,{width:QR_WIDTH,height:QR_WIDTH,margin:0,}).then(res=
给你取暖·2023-09-18 06:38

解决canvas图片getImageData,toDataURL跨域和请求微信头像问题

解决canvas图片getImageData,toDataURL跨域问题一，canvasgetImageDatatoDataURL跨域问题通常我们在使用img标签的时候，外链图片资源是不会出现这种情况的
阿尔法_狗·2023-09-17 15:55

html2canvas网页截图

$("#js_content").width(),height:$("#js_content").width()*0.7}).then(canvas=>{html2canvas_img=canvas.toDataURL
下班再说·2023-09-17 10:19

konvaJs下载图片

konvaJs下载图片不封装写法opacity.on("click",()=>{constdataUrl=stage.toDataURL();constlink=document.createElement
Bunny0212·2023-09-16 22:54

canvas转各种格式

@param{type}图片类型，值为'image/png'、'image/jpeg'*/exportconstcanvasToBase64=(canvas,type)=>{returncanvas.toDataURL
nao儿·2023-09-12 03:02

vue3 qrcode 生成二维码展示 亲测可用

生成二维码代码都不能用，正确办法如下安装pnpmaddqrcodeimportQRCodefrom'qrcode'letcodeUrl=ref(null)codeUrl.value=awaitQRCode.toDataURL
华山令狐虫·2023-09-08 06:51

vue 项目中添加水印效果

加水印其实很简单，它的原理是使用canvas生成图片在使用toDataURL转化为base64格式，然后将转换后的图片设置为背景图，从而实现水印的效果。
三个木马人·2023-09-06 11:32

html2canvas 截图空白 或出现toDataURL‘ on ‘HTMLCanvasElement或img标签没截下来 的所有解决办法

canvas尺寸与所截图尺寸相同，防止白边height:shareContent.offsetHeight,//防止白边logging:true,useCORS:true,x:0,y:0,2，如果出现了报错toDataURL
老张代码·2023-09-01 07:18

canvas 绘图

document.getElementById('drawing')//传入2d就可以获得2D上下文drawing.getContent('2d')//保存图片，添加到页面中varimgURL=drawing.toDataURL
astak3·2023-08-31 16:05

使用html2canvas时，导出图片背景不是透明色

容器的背景颜色不为透明，将dom容器样式设置为background:transparenthtml2canvas的options参数不为null，传入配置项backgroundColor:nullcanvas.toDataURL
羊驼626·2023-08-30 06:24
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他