← 수업 제작 도구
홈 › Components › Sketch (그림판)

Sketch (그림판)

원본: Computation Layer 문서(Sketch (그림판)). 문서의 Try It 예제가 가리키는 화면 34개를 기록했고, 화면마다 CL 코드를 한국어로 풀어 썼다.

문서에는 이 구성요소의 항목이 36개 있고, 이 중 Try It 예제가 있는 33개와 문서에 없는 previewCurrentStroke(화면 14)를 합쳐 화면 34개를 기록했다. 화면 1·2의 그림판 CL은 같은 모양의 줄이 위치만 바뀌어 이어지고, 첫 줄에만 자세한 설명을 달았다. 화면 2의 코드 주석은 기울기를 표시한다고 하지만 코드는 격자선의 수를 표시한다.

화면이름CL 수문서 항목 설명 (원문 일부)
1Sketch.number [source]2numberlatex: latex If the sketch has a graph background, gets the numerical value of a variable in the graph.
2Sketch.numberList [source]2numberListlatex: latex If the sketch has a graph background, gets the list of numbers that was assigned to the variable in the graph.
3Sketch.bounds [source]2bounds Gets the bounds of a sketch component.
4Sketch.labelText [source]1labelTextidentifier: string If the sketch has a graph background, gets the text content from a point label in the graph based on the name of…
5Sketch.labelLatex [source]1labelLatexidentifier: string If the sketch has a graph background, gets the inner latex content from a point label in the graph based on the…
6Sketch.labelNumericValue [source]1labelNumericValueidentifier: string If the sketch has a graph background, evaluates the content of a point label in the graph based on the n…
7Sketch.sketch [source]1sketch Gets a sketch object that represents everything drawn on the sketch.
8Sketch.currrentStroke [source]1currentStroke Gets a sketch object that represents the current stroke in progress.
9Sketch.currentX [source]1currentX Gets the current x-coordinate of the mouse. Works on hover with a mouse and while depressed for touch.
10Sketch.currentY [source]1currentY Gets the current y-coordinate of the mouse. Works on hover with a mouse and while depressed for touch.
11Sketch.smartStrokeJoining [sink]1smartStrokeJoining Perform mutations on mouseup: removing nearby points and joining with other strokes. Most useful when sketch is used for …
12Sketch.narration [sink]1narrationnarrationIndex: number Text that screen readers will read aloud. Similar to image alt text, narration can be used to describe a gra…
13Sketch.bounds [sink]1bounds Sets the bounds of this sketch. If the sketch has a graph background, it will be updated to match.
14Sketch.previewCurrentStroke [sink]1(문서의 그림판 항목 표에 previewCurrentStroke 항목이 없어 연결된 설명이 없다.)
15Sketch.allowEraser [sink]1allowEraser Sometimes you only want students to be able to clear, not erase. Set this to false if that's the mood you're in.
16Sketch.background [sink]1background Sets the background of the sketch.
17Sketch.disableSketch [sink]1disableSketch Sets whether drawing on a sketch is permitted.
18Sketch.hideSketch [sink]1hideSketch Hides the student's sketch. Also disables sketching since anything sketched would be hidden.
19Sketch.initialTool [sink]1initialTool Sets the starting tool.
20Sketch.initialColor [sink]1initialColor Sets the starting color.
21Sketch.availableColors [sink]1availableColors Configures the available colors in sketch.
22Sketch.number [sink]3numberidentifier: latex If the sketch has a graph background, sets the value of a variable in the calculator. This will override any existin…
23Sketch.numberList [sink]3numberListidentifier: latex If the sketch has a graph background, sets a variable in the calculator to the contents of a list. This will ove…
24Sketch.xAxisLabel [sink]1xAxisLabel If the sketch has a graph background, sets the string we display along the x-axis.
25Sketch.yAxisLabel [sink]1yAxisLabel If the sketch has a graph background, sets the string we display along the y-axis.
26Sketch.audioTraceReverseExpressions [sink]1audioTraceReverseExpressions If the sketch has a graph background, specifies whether expressions are traversed in reverse order when audio t…
27Sketch.function [sink]1functionidentifier: latex Sets the output of simpleFunction() to a variable defined in the graph.
28Sketch.trace [sink]1trace If the sketch has a graph background, allows tracing curves to inspect coordinates and shows point coordinates when clicked.
29Sketch.resetOnChange [sink]2resetOnChange Specify a string value. If that value changes, the component resets.
30Sketch.correct [sink]1correct Sets a Boolean value that determines whether or not a gray checkmark is displayed for the student's screen in the dashboard's summar…
31Sketch.warning [sink]2warning Sets a string that is displayed as a tooltip in the teacher dashboard attached to a warning icon.
32Sketch.readOnly [sink]2readOnly Sets a Boolean value that determines whether or not a component will be ignored when determining a screen's correctness. If all com…
33Sketch.pointLabel [sink]1pointLabelidentifier: string If the sketch has a graph background, sets a label for a point on the graph. This only works for points defined…
34Sketch.hidden [sink]1hidden When true, this component will not be shown to students.

화면은 없지만 문서에 있는 항목 (3개)

이 항목들은 문서의 항목 표에 Try It 예제가 없어서 화면을 만들지 않았다. 영어 설명 원문과 한국어 해석만 적는다.

종류이름한국어 해석영어 원문
sinkexpression(identifier: latex, ...allowedSymbols: latex)그림판에 그래프 배경이 있으면 계산기의 변수를 주어진 latex 식으로 정한다. 그 변수의 기존 정의는 덮어쓴다. 첫 번째 매개변수는 정의할 변수나 함수의 이름이다. 선택 사항인 나머지 매개변수는 그 latex 식이 참조할 수 있는 기호를 정한다. (기본으로는 계산기에 있는 기존 변수나 함수를 참조할 수 없다.)If the sketch has a graph background, sets a variable in the calculator to an expression with the provided latex. This will override any existing definitions of that variable. The first parameter is the name of the variable or function to be defined. The optional additional parameters specify the symbols that the latex expression is allowed to reference. (By default, it will not be allowed to reference any existing variables or functions in the calculator.)
sinkgraphDescription화면 낭독기가 그래프나 계산기 구성요소 전체에 대해 읽는 설명을 정한다. 그래프에 대한 기본 안내를 덮어쓰는 사용자 지정 접근성 라벨을 줄 때 쓴다.Sets the description read by screen readers for the entire graph or calculator component. Use this to provide a custom accessible label that overrides the default screen reader announcement for the graph.
sourcecalculatorState그래프의 전체 상태를 가져온다. 예를 들어 graphLayer 함수에 넘긴다.Gets the full state of a graph. Pass this, for example, into the graphLayer method.