Shape 요소(VML)

  • 아티클

이 항목에서는 Windows Internet Explorer 9를 기준으로 사용되지 않는 기능인 VML에 대해 설명합니다. VML을 사용하는 웹 페이지 및 애플리케이션은 SVG 또는 기타 널리 지원되는 표준으로 마이그레이션해야 합니다.

참고

2011년 12월 현재 이 항목은 보관되었습니다. 따라서 더 이상 적극적으로 유지 관리되지 않습니다. 자세한 내용은 보관된 콘텐츠를 참조하세요. 현재 버전의 Windows Internet Explorer 대한 정보, 권장 사항 및 지침은 인터넷 Explorer 개발자 센터를 참조하세요.

 

셰이프를 설명하는 데 사용되는 최상위 요소입니다.

다음 특성은 셰이프를 수정합니다.

attribute 설명
형 수식의 값을 정의하는 데 사용되는 조정 값을 지정합니다.
AllowInCell 셰이프를 표에 배치할 수 있는지 여부를 결정합니다.
AllowOverlap 셰이프가 다른 셰이프와 겹칠 수 있는지 여부를 결정합니다.
Alt 그래픽 대신 표시할 대체 텍스트를 정의합니다.
BorderBottomColor 인라인 셰이프의 아래쪽 테두리 색입니다.
BorderLeftColor 인라인 셰이프의 왼쪽 테두리 색입니다.
BorderRightColor 인라인 셰이프의 오른쪽 테두리 색입니다.
BorderTopColor 인라인 셰이프의 위쪽 테두리 색입니다.
총알 도형이 그래픽 글머리 기호인지 여부를 확인합니다.
단추 셰이프를 단추로 처리할지 여부를 결정합니다.
BWMode 흑백 출력 디바이스에 대해 셰이프를 렌더링하는 방법을 결정합니다.
BWNormal 일반 흑백 출력 디바이스의 흑백 모드를 정의합니다.
BWPure 순수 흑백 출력 디바이스의 흑백 모드를 정의합니다.
클래스 CSS 스타일의 정의를 참조합니다.
ConnectorType 셰이프 조인에 사용되는 연결선의 유형을 나타냅니다.
쿠르드오리그 셰이프를 경계로 하는 사각형의 좌표 단위 원점 지정
CoordSize 도형을 경계로 하는 사각형의 가로 및 세로 단위를 지정합니다.
DoubleClickNotify 셰이프를 두 번 클릭하면 이벤트 메시지를 보냅니다.
FillColor 셰이프의 닫힌 경로를 채우는 브러시 색을 정의합니다.
가득 닫힌 경로를 채울지 여부를 결정합니다.
Flip 셰이프의 방향을 전환합니다.
ForceDash 도형에 선이나 채우기가 없을 때 파선 윤곽선이 도형을 그리는 데 사용되는지 여부를 결정합니다.
높이 셰이프의 높이를 지정합니다.
HR 셰이프가 가로 규칙임을 지정합니다.
HRAlign 가로 규칙의 맞춤을 정의합니다.
Href 셰이프의 URL을 정의합니다. 셰이프를 클릭하면 브라우저에서 URL을 로드합니다.
HRHeight 가로 규칙의 두께를 정의합니다.
HRNoShade 가로 규칙이 3D 음영으로 표시될지 여부를 결정합니다.
HRPct 가로 규칙의 길이를 페이지 너비의 백분율로 정의합니다.
HRStd 셰이프가 표준 가로 규칙인지 여부를 확인합니다.
HRWidth 가로 규칙의 길이를 정의합니다.
ID 요소에 대한 고유 식별자를 제공합니다.
왼쪽 문서 흐름에서 도형의 왼쪽 요소를 기준으로 도형의 위치를 결정합니다.
여백 아래쪽 셰이프 앵커를 기준으로 도형에 포함된 사각형의 아래쪽 가장자리를 지정합니다.
여백 왼쪽 셰이프 앵커를 기준으로 도형에 포함된 사각형의 왼쪽 가장자리를 지정합니다.
여백 오른쪽 셰이프 앵커를 기준으로 셰이프가 포함된 사각형의 오른쪽 가장자리를 지정합니다.
여백 위쪽 셰이프 앵커를 기준으로 셰이프가 포함된 사각형의 위쪽 가장자리를 지정합니다.
MSO-Position-Horizontal Microsoft Word 개체의 가로 위치 지정 데이터를 지정합니다.
MSO-Position-Horizontal-Relative Microsoft Word 개체에 대한 상대 가로 위치 데이터를 지정합니다.
MSO-Position-Vertical Microsoft Word 개체의 세로 위치 데이터를 지정합니다.
MSO-Position-Vertical-Relative Microsoft Word 개체에 대한 상대 세로 위치 데이터를 지정합니다.
MSO-Wrap-Distance-Bottom 셰이프 아래쪽에서 둘러싸는 텍스트까지의 거리를 정의합니다.
MSO-Wrap-Distance-Left 셰이프의 왼쪽에서 둘러싸는 텍스트까지의 거리를 정의합니다.
MSO-Wrap-Distance-Right 도형의 오른쪽에서 둘러싸는 텍스트까지의 거리를 정의합니다.
MSO-Wrap-Distance-Top 도형 위쪽에서 둘러싸는 텍스트까지의 거리를 정의합니다.
MSO-Wrap-Edited 사용자가 래핑 좌표를 사용자 지정했는지 여부를 결정합니다.
MSO 래핑 모드 텍스트의 래핑 모드를 정의합니다.
OLEIcon OLE 개체가 아이콘으로 표시될지 여부를 결정합니다.
OnEd 셰이프의 추가 핸들이 숨겨져 있는지 여부를 결정합니다.
OnMouseOver 셰이프에 대한 마우스 이벤트를 트리거합니다.
Path 셰이프의 가장자리를 구성하는 선을 지정합니다.
위치 요소를 배치하는 데 사용되는 위치 지정 유형을 정의합니다.
PreferRelative 개체의 원래 크기를 다시 포맷한 후 저장할지 여부를 결정합니다.
인쇄 셰이프를 인쇄할지 여부를 결정합니다.
ReGroupID 도형에 대한 이전 그룹을 정의합니다.
RelativePosition 개체의 상대 위치를 정의합니다.
회전 셰이프가 회전되는 각도를 정의합니다.
RuleInitiator 규칙 엔진을 사용할지 여부를 결정합니다.
RuleProxy 규칙 엔진의 프록시를 사용할지 여부를 결정합니다.
Spt Microsoft Office에서 셰이프 유형을 식별하는 데 내부적으로 사용되는 숫자를 정의합니다.
StrokeColor 셰이프의 경로를 스트로크하는 브러시 색을 정의합니다.
쓰다 경로를 스트로크할지 여부를 정의합니다.
StrokeWeight 도형의 경로를 스트로크하는 브러시 두께를 정의합니다.
TableLimits 테이블의 각 행에 대한 최소 높이 값 목록입니다.
TableProperties 테이블 속성을 결정합니다.
대상 URL이 표시될 프레임 또는 창을 정의합니다.
제목 마우스 포인터가 도형 위로 이동할 때 표시되는 텍스트를 정의합니다.
상위 페이지 흐름에서 위의 요소를 기준으로 셰이프의 위치를 정의합니다.
형식 ShapeType 요소의 ID에 대한 참조를 정의합니다.
UserDrawn 사용자가 master 슬라이드에 셰이프를 추가했는지 여부를 결정합니다.
UserHidden 스크립트 앵커가 숨겨져 있는지 여부를 확인합니다.
표시 유형 셰이프가 표시되는지 여부를 결정합니다.
Width 도형의 너비를 정의합니다.
WrapCoords 셰이프를 둘러싸는 경계 다각형을 정의합니다.
Z-인덱스 겹치는 도형의 표시 순서를 결정합니다.

 

주의

이 요소는 자체 또는 Group 요소 내에 나타날 수 있습니다.

다음은 셰이프를 생성하는 데 필요한 최소 코드입니다. FillColor, Position, Top, Left, Width, Height 및 Path 특성을 정의해야 합니다. 그렇지 않으면 셰이프가 렌더링되지 않습니다.

   <v:shape
   fillcolor="green"
   style="position:relative;top:1;left:1;width:200;height:200"
   path = "m 1,1 l 1,200, 200,200, 200,1 x e">
   </v:shape>

또한 VML 및 Microsoft Office 확장에 대한 올바른 스키마를 얻으려면 웹 페이지의 HTML 요소에 다음 코드를 입력해야 합니다. Office 확장을 사용하지 않는 경우 두 번째 스키마를 생략할 수 있습니다.

xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office"

또한 STYLE 요소에 다음이 있어야 VML 및 Microsoft Office 확장의 동작을 등록할 수 있습니다. Office 확장을 사용하지 않는 경우 두 번째 동작 정의를 생략할 수 있습니다.

v\:* { behavior: url(#default#VML); display:inline-block}
o\:* { behavior: url(#default#VML); }

유효한 하위 요소

다음은 Shape의 하위 요소입니다.

요소 Description
callout 셰이프에 대한 설명선 정의
밀어 남 도형의 돌출을 정의합니다.
Fill 도형의 채우기를 정의합니다.
수식 셰이프에 대한 수식을 정의합니다.
핸들 셰이프에 대한 핸들을 정의합니다.
Imagedata 셰이프에 대한 이미지 데이터를 정의합니다.
잠금 셰이프에 대한 잠금을 정의합니다.
Path 셰이프의 경로를 정의합니다.
Shadow 셰이프의 그림자를 정의합니다.
기울이기 도형의 기울이기 를 정의합니다.
스트로크 셰이프에 대한 스트로크를 정의합니다.
TextBox 셰이프의 텍스트 상자를 정의합니다.
TextPath 도형의 텍스트 경로를 정의합니다.

 

기타 요소

다음 최상위 요소는 Shape에서 작동합니다.

요소 설명
그룹 셰이프 그룹을 정의합니다.
ShapeType 셰이프에 대한 템플릿을 정의합니다.
VMLFrame 외부 셰이프의 프레임을 정의합니다.

 

미리 정의된 셰이프

미리 정의된 도형은 일부 추가 특성이 있다는 점을 제외하고 일반 셰이프와 동일합니다. 다음 셰이프가 미리 정의되어 있습니다.

요소 Description
Rect 셰이프의 사각형을 정의합니다.
RoundRect 도형의 둥근 사각형을 정의합니다.
선 셰이프의 선을 정의합니다.
폴리라인 셰이프의 폴리라인을 정의합니다.
타원 도형의 타원을 정의합니다.
이미지 셰이프에 대한 이미지를 정의합니다.
곡선 도형의 곡선을 정의합니다.
Arc 셰이프의 호를 정의합니다.

 

참고 항목

VML 데이터 형식

예제

다음 코드는 샘플 VML 웹 페이지로 구성됩니다.

<HTML xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office">
<HEAD>
<STYLE>
v\:* { behavior: url(#default#VML);}
o\:* { behavior: url(#default#VML);}
</STYLE>
<TITLE>VML Sample</TITLE>
</HEAD>
<BODY>
   <v:shape
   fillcolor="green"
   style="position:relative;top:1;left:1;width:200;height:200"
   path = "m 1,1 l 1,200, 200,200, 200,1 x e">
   </v:shape>
</BODY>
</HTML>