2017-11-16 1 views
0

나는 div의 내부에 SVG 이미지 (snap.svg 사용)를 생성하고있는 프로젝트에서 일하고있다. 사용자가 SVG를 마우스 오른쪽 버튼으로 클릭하고 "이미지 복사"를 사용하여 다른 이미지처럼 클립 보드에 복사 할 수 있도록 만드는 방법이 있는지 알고 싶습니다. 감사.동적 SVG 이미지가 브라우저에서 오른쪽 클릭 기능을 가질 수 있습니까?

편집 :

나는 내가 IMG를 작성하고 SVG의 직렬화 된 문자열로 소스를 설정할 수 있다고 생각하지만, 나는 SVG가 사용자의 입력에서 끊임없이 변화로 이들은 매우 최적이 아닐 것입니다 걱정 . 내가 빠진 것이 명백한가요?

편집 2 :

나는 successfuly 나 오른쪽 클릭 기능을 사용할 수있는 SVG의 IMG 복사본을 만들 수 있습니다. 그러나 SVG를 직렬화하고 변경이 이루어질 때마다 새로운 img를 생성해야하므로 기존의 문제점이 여전히 남아 있습니다.

+2

먼저 약간의 연구를하고 자세한 내용을 입력하고 youd가 한 것을 보여주십시오 – AnouarZ

+0

SVG를 클릭하기위한 이벤트 리스너를 추가하고 마우스 오른쪽 버튼을 클릭하십시오. 그렇다면 img를 업데이트하십시오. – jcaron

답변

0

svg 옆에 "다운로드 이미지"또는 이와 비슷한 버튼을 추가하면 필요할 때 svg를 다운로드 할 수 있습니다.

+0

"이미지 다운로드"레이블이있는 버튼을 추가하면 자동으로 이미지가 다운로드됩니까? – Dummy

+0

응답 해 주셔서 감사합니다. 이것은 실제로 이미 해본 것입니다. 그러나 복사/붙여 넣기 기능을 추가하기를 원했습니다. 다운로드 단추를 수행하기 위해 단추를 클릭 할 때 앵커 요소를 만들고 href 특성을 SVG의 xml로 설정 한 다음 코드를 통해 .click()을 실행했습니다. –

관련 문제