【JS】处理文件

文件下载

//写
var link = document.createElement('a');
link.style.display = 'none';
document.body.appendChild(link);
link.href = URL.createObjectURL(new Blob([str], { type: 'text/plain' }));
link.download ="test.txt";
link.click();

json文件处理

//读
window.onload = function () {
	var request = new XMLHttpRequest();
	request.open("get", "test.json");//请求方法,路径
	request.send(null);//不发送数据到服务器
	request.onload = function () {//XHR对象获取后
		if (request.status === 200) {//获取成功的状态码
			JSON.parse(request.responseText)
		}
	}
}
//转字符串
JSON.stringify(json)
JSON.stringify(json0 , null, "\t")

图片处理

//读
var img = new Image();
img.src = "test.img"; 
img.crossOrigin = 'Anonymous';
img.onload = function(){
	var w=img.width,h=img.height;
	var canvas = document.createElement("canvas");//画布
	canvas.width = w; canvas.height = h;
	var context =canvas.getContext("2d");//画笔
	context.drawImage(img, 0,0,w,h);
}

//base64编码
canvas.toDataURL("image/jpeg")

//展现
document.body.append(canvas)

绘制图案

area.push(area[0])
ctx.beginPath()
ctx.moveTo(area[0][0],area[0][1])
for(var i=1;i<area.length;i++)
    ctx.lineTo(area[i][0],area[i][1]);
ctx.closePath()
ctx.fillStyle = color;  //填充颜色
ctx.fill();  //填充
ctx.lineWidth=1;//描边
ctx.strokeStyle = color;  //描边颜色
ctx.stroke();  //描边