Canvas Base64 Image data 회전

Canvas 에서 이미지 생성 후 이미지 회전

rotateBase64Image(canvas.toDataURL());

toDataURL 자료를 Oracle Blob Column 에 저장

	Map<String, Object> tmpMap = new HashMap<>();
	byte[] bytes = DatatypeConverter.parseBase64Binary(imgStr.substring(imgStr.indexOf(",") + 1));
	tmpMap.put("IMG", bytes);
	// Oracle Blob Column IMG Insert
	// INTO IMAGE_TBL VALUES (#{SEQ}, #{IMG})

view raw imageDataToBytes.java hosted with ❤ by GitHub

	function rotateBase64Image(base64ImageSrc) {
	var canvas = document.getElementById("canvasHidden");
	var img = new Image();
	img.src = base64ImageSrc;
	canvas.width = img.width;
	canvas.height = img.height;
	var context = canvas.getContext("2d");
	context.translate(img.width * 0.5, img.height * 0.5);
	context.rotate(0.5 * Math.PI);
	context.translate(-img.height * 0.5, -img.width * 0.5);
	context.drawImage(img, 0, 0);
	return canvas.toDataURL();
	}

view raw rotateBase64Image.js hosted with ❤ by GitHub