SVG 이미지에서 농구 코트를 그려 축척하고 싶습니다.크기가 SVG에 접근하는 방법
나는 dimensions of the court입니다.
실제 크기의 치수를 사용하여 SVG 이미지를 만들고 300px x 300p와 같은 임의의 이미지 크기에 맞게 출력을 비례 적으로 축소 할 수 있습니까?
EDIT : 더 자세히 설명하려면 - 실물 크기로 5 인치 인 페인트 선을 그려 보겠습니다. 나는 "단위"를 5 인치로 만든 다음 이것으로 다른 모든 것을 곱합니까?
Raphael과 같은 프레임 워크는 제쳐두고 <svg height="50" width="94"> 안에 전체 법원을 그려 넣거나 (단위를 인치로 사용) <g transform="scale(3.14159)"> 전체를 300 픽셀에 맞게 위 또는 아래로 조정할 수 있습니까? <g> 요소에는 다양한 변형이 있습니다. SVG는 이러한 종류의 작업에 정말 능숙하며 근원 도면에서 친숙한 측정 값을 사용할 수 있습니다.
농구 코트 길이가 94 피트이고 300px 이내로 일정하게 그려야하는 경우 목표 크기를 기준으로 비율을 계산하십시오. 300/94 = 3.19. 이 숫자를 사용하여 눈금의 너비 (페인트 선의 너비 포함)를 결정하십시오.
내가 갇히고있는 곳은 94 피트를 300px로 나눈 것입니다. 인치로 된 페인트 선 너비를 얻으려면 곱하면됩니다 (5/12) * 3.19? –
아마 모든 치수를 인치로 계산할 것입니다. 그렇게하면 더 쉬울 것입니다. (94 * 12)/300 = 3.76이다. 그런 다음 모든 치수를 인치로 3.76으로 나눕니다. 5 인치 = 1.33 픽셀. 가능한 모든 것을 1 : 1의 인치를 사용하여 픽셀에 그린 다음 크기를 조절할 수 있습니다. 이것을 위해 프레임 워크 또는 라이브러리를 사용하고 있습니까? 나는 Raphaeljs를 정말로 좋아한다. –
저는 실제로 카이로를 사용하고 있습니다. 특히 다른 SVG 라이브러리를 사용하게 될 수도 있습니다. 도와 줘서 고마워, 오늘 나중에 시험해 볼 계획이다 –