Mcsd 70-480 1.2 Write Code That Interacts With Ui Controls

Front 1

getElementsByTagName()

Back 1

returns all the elements in the document with the matching tag name

Front 2

getElementById()

Back 2

searches the document for the element matching the id

Front 3

getAttribute()

Back 3

gets the named attribute of the element

Front 4

setAttribute()

Back 4

sets the value for the named attribute

Front 5

<video> attributes

Back 5

src, controls, width, height, autoplay, loop, preload, poster, audio

Front 6

video <source> elements

Back 6

src, type (mime type), codecs

Front 7

<video> inner HTML

Back 7

will display if the browser does not support the video element

Front 8

<video> onError

Back 8

will run if video element is not supported

Front 9

<video> javascript

Back 9

play(), pause()

Front 10

<audio> attributes

Back 10

src, controls, loop, preload, autoplay

Front 11

audio <source> elements

Back 11

src, type(mime type)

Front 12

<audio> inner HTML

Back 12

will display if the browser does not support the audio element

Front 13

<canvas>

Back 13

a drawing surface for dynamically creating images, drawings or animation.

Front 14

document.getElementById(“mycanvas”).getContext("2d")

Back 14

Get canvas context

Front 15

fillStyle

Back 15

canvas property sets the fill color on gradiant used during fills

Front 16

moveTo(x,y)

Back 16

canvas method moves the drawing cursor to x,y coordinate

Front 17

lineTo(x,y)

Back 17

canvas method draws a line from the current drawing cursor to the x,y coordinate specified

Front 18

arc(x,y,r,start,stop)

Back 18

canvas method draws an arc centered on the x,y position, with radius r, beginning at the angle given by start and ending at the angle given by stop

Front 19

stroke()

Back 19

draws line created by prev drawing command

Front 20

fill

Back 20

canvas method fills the area created by prev drawing command

Front 21

fillRect(x1y1,x2,y2)

Back 21

canvas method fills the rectangle with x1,y1 and x2,y2 as the corner coords

Front 22

font

Back 22

a canvas property that sets the font face and size for text drawn on canvas

Front 23

fillText(text,x,y)

Back 23

canvas method draws the given "text" at the x,y coords and fills the text in.

Front 24

strokeText(text,x,y)

Back 24

canvas method draws the outline of the given text at the x,y coords

Front 25

<svg>

Back 25

scalable vector graphics is an xml based vector drawing language

Front 26

svg shapes

Back 26

circle, ellipse, image, line, path, polygon, polyline, rect, text

Front 27

svg attributes

Back 27

width, height, viewPort, version, xmlns

Front 28

svg shape attributes

Back 28

x, y, width, height