タグ

ブックマーク / nmi.jp (1)

  • JSXでCanvasを使う方法

    ※この記事は、JSX Advent Calendar 2013の一部です。 JSXは型付き言語なので、JavaScriptで簡単に書ける内容が複雑になってしまうこともあります。Canvas周りでは特にその傾向が強いので、ここではJSXでCanvasを扱う書き方を簡単にご紹介します。 まずCanvasの作成です。Canvasの型はHTMLCanvasElementとなります。 var canvas = dom.document.createElement("canvas") as HTMLCanvasElement; JSXにはグローバル変数は存在しません。JavaScriptのグローバル変数(正確にはグローバルオブジェクトのプロパティ)documentにアクセスするためには、JSXではdomのプロパティとしてアクセスします。dom.window.documentとアクセスしても同じです。

  • 1