tomo.mobi

Representation design of material


HTML5 canvasで気がついた事メモ

随時更新するページ。
メモブログの神髄。

stage

できるだけthisとかthatは使わずstageを使う。
でないと、DisplayObject.parent、親要素のぶれが起こる。
深度などいろいろと扱いにくくなる。

リンクindex

http://definitelytyped.org/docs/easeljs–easeljs/classes/createjs.container.html

Published by tomoka , on 12月 26th, 2015 at 11:29 pm. Filled under: canvas,html5No Comments
この記事を読む

ios 位置情報取得

一情報取得プログラミングガイド

https://developer.apple.com/jp/devcenter/ios/library/documentation/LocationAwarenessPG.pdf

Published by tomoka , on 7月 5th, 2012 at 8:01 pm. Filled under: html5,iOS5No Comments
この記事を読む

webストレージ機能

html5にて機能を使っていて、容量がいっぱいになると何もできなくなるみたい。。。。
もうちょっと調べてみないと詳しい事が分からないので、次にもうちょっと調べます。

参考にさせて頂いたURL
http://www.atmarkit.co.jp/fdotnet/chushin/introhtml5_02/introhtml5_02_01.html

Published by tomoka , on 3月 27th, 2012 at 3:16 pm. Filled under: html5No Comments
この記事を読む

メモ書きhtml5

html,body,head 省略可能
キャラセット UTF-8の場合「”」は省略。日本語を使う時は必要。
見出しは

でくくる。
主要な内容をマークアップ
p,li,formなど、分かりきっているタグに閉じタグを省略できる。

Published by tomoka , on 2月 25th, 2012 at 10:55 pm. Filled under: html5No Comments
この記事を読む

html5 Canvas

すぐに調べやすいように、メモさせて頂きました。
とても分かりやすいサイトです。

文献
http://www.html5.jp/canvas/ref.html

onload = function() {
  draw();
};
function draw() {
  var canvas = document.getElementById('c1');
  if ( ! canvas || ! canvas.getContext ) { return false; }
  var ctx = canvas.getContext('2d');
  /* 円 #1 */
  ctx.beginPath();
  ctx.fillStyle = 'rgb(192, 80, 77)'; // 赤
  ctx.arc(70, 45, 35, 0, Math.PI*2, false);
  ctx.fill();
  /* 円 #2 */
  ctx.beginPath();
  ctx.fillStyle = 'rgb(155, 187, 89)'; // 緑
  ctx.arc(45, 95, 35, 0, Math.PI*2, false);
  ctx.fill();
  /* 円 #3 */
  ctx.beginPath();
  ctx.fillStyle = 'rgb(128, 100, 162)'; // 紫
  ctx.arc(95, 95, 35, 0, Math.PI*2, false);
  ctx.fill();
}
Published by tomoka , on 2月 9th, 2012 at 12:04 am. Filled under: html5No Comments
この記事を読む