Skip to content

Instantly share code, notes, and snippets.

@TahaHachana
Last active December 15, 2015 21:28
Show Gist options
  • Save TahaHachana/5325494 to your computer and use it in GitHub Desktop.
Save TahaHachana/5325494 to your computer and use it in GitHub Desktop.
This WebSharper code draws a blue outline around a rectangle on a canvas using the StrokeRect method.
module StrokeRect =
open IntelliFactory.WebSharper
open IntelliFactory.WebSharper.Html
open IntelliFactory.WebSharper.Html5
[<JavaScript>]
let main() =
let element = HTML5.Tags.Canvas [Text "Fallback content goes here."]
let canvas = As<CanvasElement> element.Dom
canvas.Height <- 200
canvas.Width <- 200
let context = canvas.GetContext "2d"
context.StrokeStyle <- "red"
context.StrokeRect(50., 50., 100., 100.)
element
type Control() =
inherit Web.Control()
[<JavaScript>]
override __.Body = main() :> _
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment