HTML Canvas에서 ZUI (확대/축소 사용자 인터페이스)를 만드는 작업에 직면했습니다. 이러한 인터페이스의 예로 Deep Zoom과 Microsoft의 Seadragon이 있습니다.HTML 캔버스에서 확대/축소 사용자 인터페이스
ZUI를 처음부터 작성하지 않고도 ZUI를 만들 수있는 라이브러리를 찾으려고합니다. (이미 Mac 및 iOS 용으로 만들었지 만). 벡터 그래픽, 뷰에서 텍스트와 이미지 (옵션) 그리기
주요 기능 라이브러리가 있어야 그
캔버스에 ZUI에 대해 아무 것도 발견하지 못했기 때문에 위의 조건에 맞지 않는 제안이라도 매우 환영받을 것입니다.
당신은 Zoomooz를 보았습니까?
확대/축소는 웹 페이지 요소를 확대/축소하기위한 jQuery 플러그인입니다. Prezi를 슬라이드 쇼처럼 만들고 이미지 나 다른 세부 사항을 확대 할 때 사용할 수 있습니다.
http://janne.aukia.com/zoomooz
당신은 어떤 DOM 요소에 확대하는 데 사용할 수 있습니다
. 캔버스가 확대 될 때 캔바스가 픽셀 화되어 표시되기 때문에 캔버스보다 SVG에서 더 잘 작동합니다.당신은 Piccolo2d을 보았습니까? 대부분의 요구 사항을 충족하는 것 같습니다. Geneaquilts의 비디오를보고 인터페이스에서 어떻게 사용했는지 보여줍니다.
이것은 당신이 시작할 수 있습니다
ZUI53https://github.com/florianguenther/zui53는 HTML5와 CSS3와 같은 새로운 기술과 강력한 웹 기반의 줌이 사용자 인터페이스를 만들 수있는 자바 스크립트 라이브러리 (ZUIs)입니다.
또한 OpenSeadragon이 있지만 Canvas를 사용하고 있는지 확실하지 않습니다.
캔버스가 아닌 HTML 및 CSS3을 사용하는 Taaspace.js도 있습니다. Taaspace는 모든 다른 입력 방법을 추상화하여 터치 스크린 장치와 호환되도록합니다. 당신은 체크 아웃 할 수 있습니다 this example application.
이 질문이 실제로 질문이었을 때 꽤 오래 전에이 작업이 다른 개발자에게 할당되었습니다. 내가 말했듯이 우리는 ZUI 모듈을 위해이 라이브러리를 사용했으며 꽤 잘 작동했습니다. – GregoryM