이미지맵 입력 문제에서, 학습자는 이미지에 정의된 영역 내부를 클릭한다. 문제에서 좌표를 포함하여 이 영역을 정의한다.
이미지맵 입력 문제를 만들려면:
문제 코드:
<problem>
<p><b>Example Problem</b></p>
<startouttext/>
<p>In the image below, click the triangle.</p>
<endouttext/>
<imageresponse>
<imageinput src="/static/threeshapes.png" width="220" height="150" rectangle="(80,40)-(130,90)" />
</imageresponse>
</problem>
<problem>
<startouttext/>
<p>In the image below, click the triangle.</p>
<endouttext/>
<imageresponse>
<imageinput src="IMAGE FILE PATH" width="NUMBER" height="NUMBER"
rectangle="(X-AXIS,Y-AXIS)-(X-AXIS,Y-AXIS)" />
</imageresponse>
</problem>
<imageresponse>
: 문제가 이미지맵 입력 문제임을 나타낸다.<imageinput>
: 학습자가 클릭해야 하는 파일에서 이미지 파일 및 영역을 지정한다.Tag: <imageresponse>
문제가 이미지맵 입력 문제임을 나타낸다.
속성
(없음)
Children
<imageinput>
Tag: <imageinput>
학습자가 클릭해야 하는 파일에서 이미지 파일 및 영역을 지정한다.
속성들
속성 설명 src (필수) 이미지의 URL height (필수) 픽셀 단위로 이미지의 높이 width (필수) 픽셀 단위로 이미지의 너비 rectangle (필수) (<start_width>,<start_height>)-(<end_width>,<end-height>)의 형식에 포함된 4개의 값에 대한 속성이다. 모든 좌표는 위 왼쪽 모서리에서 (0,0)으로 시작하고, 오른쪽 하단 모서리를 향해 값이 증가한다. 정의된 두 개의 좌표는 학습자가 내부를 클릭할 수 있는 박스의 두 반대편 모서리를 의미한다. Children
(없음)