... 내부 치수와 상호 작용이 모두 서로 상대적으로 유지됩니까?캔버스 요소의 축척을 조정할 수 있습니까?
예를 들어, Flash를 사용하면 영화를 만들고 .swf 파일을 게시 할 수 있습니다. 그런 다음 .swf 파일을 페이지에 넣으면 해당 영화 크기를 위 또는 아래로 유지하면서 현명함이없는 상태에서 모든 기능을 유지할 수 있습니다.
Canvas와 (과) 비슷한가요? 나는 누군가 다른 사람에 의해 WHATWG 스케일 속성에 대한 설명을 들었지만 도움이되지 못했습니다. 저울 속성은 내가 원하는 것을 수행합니까? 누구에게도 예제가 있습니까?
감사합니다.
비례 좌표 (예 : 0.3, 0-1로 매핑 된 고정 비율 및 기타 축)를 사용하는 함수로 Canvas API를 래핑하여이 문제를 해결했습니다.
원하는 작업량에 따라 직접 구현하거나 pre-existing solution을 사용하는 것이 좋습니다.
저는 실제로 이미 KineticJS를 사용하고 있습니다. 캔버스를 그립니다. 드래그 할 수있는 요소를 설정합니다. 캔버스 스타일을 사용하면 크기를 조절할 수 있지만 드래그 할 수있는 객체는 더 이상 제대로 작동하지 않습니다. 핸들은 캔버스를 사용하지 않았을 때의 위치입니다. 크기가 조정되었습니다. –
그래서 KineticJS에서 oCanvas로 바뀌 었습니다. 이제는 CSS를 사용하여 캔버스의 크기를 설정할 때 내 상호 작용은 계속 작동합니다. 또한 oCanvas를 지금까지 더 좋아한다고 생각합니다. 도와 주셔서 감사합니다. –
필요한 것은 캔버스가 아닌 SVG입니다. –
스트레칭을 의미하는 경우 컨테이너 크기에 따라 스트레치 축소를 위해 CSS를 설정하는 것만 큼 간단합니다. – Shmiddty
@Shmiddty ... 내가 원하는대로 크기가 조정되었지만 지금은 드래그 앤 드롭 방식의 상호 작용 (KineticJS를 사용하고 있습니다.)과 워키/예상대로 작동하지 않습니다. 그렇게 가까이. –