속성 태그 캔버스 다운로드 다운로드

save.onclick = function() {
  var url = canvas.toDataURL("image/png");
  var a = document.createElement("a");
  document.body.appendChild(a);
  a.href = url;
  a.download = "我的画儿";
  a.target = "_blank";
  a.click();
};

다운로드 버튼, 캔버스 패널에 저장 로컬 캔버스에 저장할 수 있습니다 다운로드 그것을 클릭 가지고 있습니다.

속성 태그

  • 다운로드
    이 속성이 탐색하는 대신 URL을 다운로드하는 브라우저에 지시하므로 사용자는 로컬 파일로 저장하라는 메시지가 표시됩니다. 속성의 충전 파일 이름과 값입니다.
  • href가
    그 기반 웹 (HTTP) 문서로 제한의 URL, 당신은 프로토콜을 지원하는 모든 브라우저를 사용할 수 있습니다. 예를 들어, 대부분의 브라우저에서 제대로 작동 file:하고 흔한를 : : FTP가 전화를 :.
  • 목표
    • _self : 기본값, 현재 페이지가로드한다.
    • _blank : 새 창이 열립니다.

일반적으로 보통 기본값은 우리가 원하지 않는 무엇이다, 브라우저에서이 페이지를 열 수있는 링크를 클릭하십시오. 나는 그것의 추가 탭 페이지를로드하는 좋은 방법이 생각?

  1. 누르고 누르고 ctrl새 탭에서 열립니다 링크 버튼 클릭
  2. 링크를 마우스 가운데 버튼 또는 스크롤 휠 클릭하면 새 탭에서 열립니다
  3. 누르고 누르고 shift새 창에서 열립니다 링크 버튼 클릭

HTTPS : //www.jianshu.com/p/7f6756fd3ddd 재현

추천

출처blog.csdn.net/weixin_33922670/article/details/91121046