캔버스에서 생성된 이미지를 js에 저장하는 방법

아래에서는 캔버스에서 그림을 생성하고 저장하거나 그림을 직접 저장하는 js 방법을 공유하겠습니다. 이 방법은 좋은 참조 가치가 있으며 모든 사람에게 도움이 되기를 바랍니다.

캔버스 배열 저장

function downLoadImage(canvas,name) {
  var a = document.createElement("a");
  a.href = canvas.toDataURL();
  a.download = name;
  a.click();
}

canvas: 캔버스의 dom 객체 전달

name: 저장된 사진 이름

사진을 직접 저장하는 방법

function downLoadImage(img,name) {
  var a = document.createElement("a");
  a.href = img.src;
  a.download = name;
  a.click();
}

img: DOM object of the picture

name: 사진으로 저장할 때의 이름

위 내용은 모두에게 도움이 되길 바랍니다. 미래.

관련 기사:

JS를 사용하여 닭 100마리 구입 문제 계산

Angular4에서 DOM 속성 바인딩 구현

Vue2.x를 사용하여 JSON 트리를 구현하는 방법

CLI 정보 설치 및 사용법 튜토리얼

위 내용은 캔버스에서 생성된 이미지를 js에 저장하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!