タグ

プログラミングとcanvasに関するiwwのブックマーク (2)

  • CreateJSとNode.jsを使ってサーバーサイドでCanvasを扱おう–ICS LAB

    HTML5 Canvasのフレームワーク「CreateJS」(基的な使い方は入門サイトをご覧ください)について、2015年2月10日に開催されたCreateJS勉強会 (第5回) でライトニングトーク「CreateJSとNode.jsを使ってサーバーでCanvas要素を使おう」を発表しました。今回はそのスライドを元に、サーバーサイドでCreateJSを使うメリットを紹介します。 デモ 今回紹介するnode-easelを使ったデモです。スマホ画面にTwitterのアイコンが、PC画面には白い矩形が表示されています。スマホで選んだTwitterのユーザーのアイコンがPC側でアニメーションします。画像加工はサーバーサイドで動くCreateJSを使って行われています。 Section1. Node.jsとモジュールについて Node.jsはブラウザではなくサーバーサイドで動くJavaScript

    CreateJSとNode.jsを使ってサーバーサイドでCanvasを扱おう–ICS LAB
    iww
    iww 2015/05/29
    サーバサイドでCanvasを使う
  • getContext() メソッド - Canvasリファレンス - HTML5.JP

    構文 context = canvas . getContext(contextId) canvas に描画するための API にアクセスできるオブジェクトを返します。 指定の context ID が未サポートなら null を返します。 仕様 canvas に描画するためには、まず、canvas 要素の getContext(contextId) メソッドを使ってコンテキストのリファレンスを取得しなければいけません。 コンテキストは、2D Context 仕様など、別の仕様で定義されています。[2DCONTEXT] ブラウザベンダーは、moz-3d のように、vendorname-context 構文を使って実験的なコンテキストも定義することができます。 ユーザエージェントが空の文字列やサポートしていないコンテキストを指定する文字列を受け取った場合は、nullを返します。文字列比較は、

  • 1