> 백엔드 개발 > PHP 튜토리얼 > javascript - 내장된 내보내기 기능을 사용하지 않고 html로 표시된 파이 차트를 하이차트에서 로컬로 저장하는 방법을 알려주세요.

javascript - 내장된 내보내기 기능을 사용하지 않고 html로 표시된 파이 차트를 하이차트에서 로컬로 저장하는 방법을 알려주세요.

WBOY
풀어 주다: 2016-08-27 09:06:49
원래의
1138명이 탐색했습니다.

javascript - 내장된 내보내기 기능을 사용하지 않고 html로 표시된 파이 차트를 하이차트에서 로컬로 저장하는 방법을 알려주세요.

최근에 highcharts를 접하고 이게 좀 멋있다는 걸 알았는데, highcharts에서 생성된 이미지를 로컬 컴퓨터에 어떻게 저장해야 하는지 문제가 생겼습니다. 아니면 생성된 이미지를 PDF에 넣는 방법은 무엇입니까? 여러분 모두 저에게 조언을 해주시기를 바랍니다. 정말 감사합니다.

답글 내용:

javascript - 내장된 내보내기 기능을 사용하지 않고 html로 표시된 파이 차트를 하이차트에서 로컬로 저장하는 방법을 알려주세요.

최근에 highcharts를 접하고 이게 좀 멋있다는 걸 알았는데, highcharts에서 생성된 이미지를 로컬 컴퓨터에 어떻게 저장해야 하는지 문제가 생겼습니다. 아니면 생성된 이미지를 PDF에 넣는 방법은 무엇입니까? 여러분 모두 저에게 조언을 해주시기를 바랍니다. 정말 감사합니다.

highcharts는 캔버스 기반으로 구현됩니다.
캔버스에는 이미지 데이터 경로를 가져오는 toDataURL 메서드가 있습니다.

내가 사용한 의사 코드는 단지 설명을 위한 것입니다

<code>data路径 = $("#图表的canvas")[0].toDataURL("image/png")</code>
로그인 후 복사

로컬에 저장:

<code>1、<img src="data路径"> 提示用户另存即可
2、<a target="_blank" href="data路径">下载</a> 客户点击即可看到图片</code>
로그인 후 복사

서버에 저장:
ajax 업로드 데이터 경로, 라이브러리 또는 base64를 사용하여 이미지를 디코딩하고 저장합니다.

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿