diff options
Diffstat (limited to 'examples/src/main/scala/canvasapp/Clock.scala')
-rw-r--r-- | examples/src/main/scala/canvasapp/Clock.scala | 51 |
1 files changed, 51 insertions, 0 deletions
diff --git a/examples/src/main/scala/canvasapp/Clock.scala b/examples/src/main/scala/canvasapp/Clock.scala new file mode 100644 index 0000000..af9d8aa --- /dev/null +++ b/examples/src/main/scala/canvasapp/Clock.scala @@ -0,0 +1,51 @@ +package canvasapp + + +import org.scalajs.dom + +import scala.scalajs.js +import scala.scalajs.js.annotation.JSExport +@JSExport +object Clock extends{ + @JSExport + def main(canvas: dom.HTMLCanvasElement) = { + /*setup*/ + val renderer = canvas.getContext("2d") + .asInstanceOf[dom.CanvasRenderingContext2D] + + canvas.width = canvas.parentElement.clientWidth + canvas.height = canvas.parentElement.clientHeight + + val gradient = renderer.createLinearGradient( + canvas.width / 2 - 100, 0, canvas.width/ 2 + 100, 0 + ) + gradient.addColorStop(0,"red") + gradient.addColorStop(0.5,"green") + gradient.addColorStop(1,"blue") + renderer.fillStyle = gradient + //renderer.fillStyle = "black" + + renderer.textAlign = "center" + renderer.textBaseline = "middle" + + /*code*/ + def render() = { + val date = new js.Date() + renderer.clearRect( + 0, 0, canvas.width, canvas.height + ) + + renderer.font = "75px sans-serif" + renderer.fillText( + Seq( + date.getHours(), + date.getMinutes(), + date.getSeconds() + ).mkString(":"), + canvas.width / 2, + canvas.height / 2 + ) + } + dom.setInterval(render _, 1000) + } +}
\ No newline at end of file |