canvas

1/38ページ

HTML5 における CORS について

HTML5のCORSについて調べる機会があったので纏めました。 (誤りなど有りましたらコメントいただけると幸いです) 同一オリジンポリシー (Same-Origin Policy) 同一オリジンポリシーとは 同一オリジンポリシー (Same-Origin Policy) とは、リソースの保護範囲を決定する取り決めである。 セキュリティ上の理由から、ブラウザは異なるオリジンへのリクエストを送信できな […]

HTML5 Canvas 入門

今更ながら、Canvas をまともに勉強したことがなかったので、一からやってみました。 これまでの人生、 JavaScript は初心者の超えるべき壁をすっ飛ばして学んできたので、おさらいも兼ねて。 キャンバス上でクリックすると、その座標で図形を描画できるようになるチュートリアルです。 コードだけ見たい方はこちらを。 https://github.com/kyrieleison/canvas-tu […]

JavaScript:HTML5 Canvas

始めに オーライリージャパンの「HTML5 Canvas」に掲載されているサンプルコードを改造してみました 背景 本書の趣旨としておそらく、JavaScriptの初心者が読むことを考慮しているのかサンプルコードはCanvasをFunctionの一つのローカル変数として扱っている Canvasタグの解説としては本書のような関数にCanvasオブジェクトを閉じ込めてしまってもいいが、実務では動的にDi […]

HTML5 における CORS について

HTML5のCORSについて調べる機会があったので纏めました。 (誤りなど有りましたらコメントいただけると幸いです) 同一オリジンポリシー (Same-Origin Policy) 同一オリジンポリシーとは 同一オリジンポリシー (Same-Origin Policy) とは、リソースの保護範囲を決定する取り決めである。 セキュリティ上の理由から、ブラウザは異なるオリジンへのリクエストを送信できな […]

HTML5でブラウザゲームを作る(ハイブリッドアプリ)

ブラウザゲームに関して何もノウハウが無い状態からGoogle先生を頼りに頑張る事約半年、やっと公開できるレベルに達しました。 道中、何度も落とし穴に嵌って、その都度、解決に相当時間を取られました… たくさんのブログ記事にも色々と助けられなんとかここまで来れましたので恩返しの意味も兼ね、今後Qiitaでこのゲーム作りで得られた技術情報やTipsを共有していきたいと思います。 のんびり投稿 […]

HTML5 Canvas でドラッグ操作

以下の記事で HTML5 Canvas に入門しました。 http://qiita.com/kyrieleison/items/a3ebf7c55295c3e7d8f0 が、どうせなら描画した要素をドラッグでぐりぐり動かすくらいは、やってみたいところです。 やってみました。 コードだけ見たい方はこちらを。 https://github.com/kyrieleison/canvas-dragging […]

HTML5 CanvasのRetina対応

canvasに画像を表示させた場合、Retinaディスプレイだとぼやけてしまう。Retina対応必要だよなあと参考リンクを見つつHigh DPI Canvasの対応を採用したところ綺麗に表示されるようになった。 ところが拡大縮小処理を実装していたところ、mobile safariで拡大した画像が表示できない現象が発生。 原因 元画像サイズよりもcontext.drawImageに指定したwidth […]

1 38