博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
前端学习笔记------多张图片生成canvas思路.md
阅读量:7251 次
发布时间:2019-06-29

本文共 535 字,大约阅读时间需要 1 分钟。

最开始的需求是 多张图拼成一张图 并且长按保存

最开始的愚见:

​ 因为要等全部的图片渲染完成在区生产canvas 我就只在最大的呢张图片上加了onload事件

​ 这样图片加载慢 也能最后执行生成canvas

今天看了一个小想法,发现自己真蠢:

​ 一张张递归渲染到指定位置不就好了

​ 唉 果真还是垃圾宝宝一个

draw(){    let data = ['img_url_1','img_url_2','img_url_3','img_url_4','img_url_5']    //数组存放url    let canvas = document.createElement('canvas')    // 创建canvas 画板    let context = canvas.getContext('2d')    canvas.width=290;	canvas.height=290;	context.rect(0,0,canvas.width,canvas.height)	//绘制空白矩形区域	function drawing(n){        if(m

转载于:https://juejin.im/post/5c2743caf265da61682b7505

你可能感兴趣的文章
【DOM编程艺术】Ajax(Hijax)
查看>>
微信公众平台开发(十) 消息回复总结——用其xml模板
查看>>
iOS.CM5.CM4.CM2
查看>>
菜鸟学T-SQL---------SQL2005读书笔记1
查看>>
Python--函数(全局变量和局部变量)
查看>>
PLSQL Developer 不能连接 oracle 11g 64位 的解决办法
查看>>
byobu相关操作
查看>>
父页面操作嵌套iframe子页面的HTML标签元素
查看>>
在TSQL中用case,when之类同时查多种情况
查看>>
Math,random()返回区间内的随机数
查看>>
TCP/IP网络协议的通俗理解,socket,http,soap
查看>>
简单数论
查看>>
Linux 文件系统
查看>>
更换你的Chrome开发工具风格
查看>>
调度任务(五)
查看>>
化工厂装箱员 洛谷 p2530
查看>>
代码替换修复总结
查看>>
ubuntu 14.04 LTS 右键菜单解压压缩包时出错
查看>>
SVN服务器搭建--Subversio与TortoiseSVN的配置安装
查看>>
2017-2018-1 20155301 《信息安全系统设计基础》第八周学习总结
查看>>