>  기사  >  웹 프론트엔드  >  모양 개체는 VML 좌표계_VML과 관련되어 있습니다.

모양 개체는 VML 좌표계_VML과 관련되어 있습니다.

WBOY
WBOY원래의
2016-05-16 12:09:461432검색

Shape는 VML의 가장 기본적인 객체로 원하는 그래픽을 모두 그릴 수 있습니다. VML에서는 사용되는 좌표가 문서의 좌표가 아닙니다. 이렇게 좌표를 동적으로 변경하여 확대, 축소, 회전 등의 기능을 구현할 수 있습니다. Shape의 CoordSize 속성은 좌표를 정의하는 데 사용됩니다. 라는 두 개의 매개변수가 있습니다. 여기서 2800과 2800은 2800포인트로 구분된 가로 및 세로 좌표이며 이는 HTML의 기본 픽셀이 아닙니다. 점이 설정되지 않은 경우 VML의 기본값은 0,0(왼쪽 위 모서리)입니다. 물론 CoordOrig 속성을 사용하여 VML 점 좌표를 설정할 수도 있습니다.

CoordOrig="-1400,-1400" CoordSize="2800,2800" style="width:500;height:500" />

  참고: 으로 정의된 좌표는 상대적일 뿐입니다. 실제 표시되는 그래픽 크기도 style="width:500;height:500"으로 정의해야 합니다!

위의 정의 이후 사용할 수 있는 좌표는 x(-1400 ~ 1400) y(-1400 ~ 1400)입니다. 이러한 좌표는 수학의 좌표와 같으며 작업판을 4개의 블록으로 나눕니다.



실제 문제를 해결할 때 IE가 자동으로 상대 (0,0) 위치에 보이는 VML 이미지는 위의 두 그림에 두 개의 보조 좌표가 추가되지 않으면 IE에서 나란히 두 개의 사각형으로 표시된다는 의미입니다.
모양에서 가장 중요한 속성은 강력한 브러시인 Path입니다. 구문은 매우 간단하며 아래에 자세히 설명되어 있습니다.
m x, y MoveTo는 브러시를 (x, y)로 이동합니다.
l x,y: LineTo는 현재 지점에서 (x, y)까지 선을 그립니다. 그러면 VML이 그립니다. x 명령을 만날 때까지 계속해서.
x:선 끝으로 닫기
e:그림 끝으로 끝
모양의 기타 일반적인 속성:
FillColor: 채우기 색상, HTML에 지정된 색상 사용, 예: fillcolor=red
Filled: 그래픽을 채울지 여부, 그래픽이 닫히지 않은 경우 채우기를 위해 그래픽이 자동으로 닫힙니다. Filled="true"(기본값)인 경우 fillcolor는
StrokeColor: 선의 색상
StrokeWeight; 🎜>
Title: 그래픽 위로 마우스를 이동할 때 표시되는 텍스트는 HTML의 Alt 및 Tilt와 동일합니다.
Type: 그래픽이 속하는 ShapeType을 지정합니다. VML 공식 템플릿은 나중에 설명합니다 이러한 이전 속성의 경우 FillColor 및 Filled는
에서 사용할 수 있고 StrokeColor 및 StrokeWeight는 에서 사용할 수 있습니다. Shape 또는 Shape에서 상속된 객체에서도 사용할 수 있습니다. 다음 섹션에서는 Rect, RoundRect, Oval, Line 및 기타 객체와 같이 Shape로 확장된 일부 특정 객체를 자세히 소개합니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.