Written by defghi1977@xboxLIVE.この文書は全てテキストエディタで作成しています.えーと,そりゃもうゴリゴリと. 本文書はsvg要素の基本的な使い方まとめの姉妹版として作成を開始した.canvas要素の仕様は現在進行中で色々と変化しているため,一筋縄で行... 続きを読む
Home Articles Firefox Development Highlights – Viewport percentage, canvas.toBlob() and WebRTC Older Article Newer Article To keep you updated on the latest features in Firefox, here is again a blog post highlighting the most recent changes.... 続きを読む
WebOS Goodies へようこそ! WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイス... 続きを読む
HTML 仕様には <img> 要素に crossorigin 属性が定義されています。この属性と適切な CORS ヘッダを組み合わせることで、異なる origin から読み出された img 要素の画像を、あたかも同じ origin から読みだしたもののように Canvas から扱うことができます。 c... 続きを読む
昨日 (6月6日) に Firefox の最新版であるバージョン 13 が正式リリースされました。 この Firefox 13 で実装された新機能や変更点に関しては下記の記事で紹介されていますが、 Firefox 13 の主な新機能を紹介します : Mozilla Developer Street (modest) ア... 続きを読む
The standard way to deal with situations where the browser does not support the HTML5 <canvas> tag is to embed some fallback content, usually a polite version (and sometimes a less polite version) of <canvas>Your browser sucks</canvas> But th... 続きを読む
WaltPad - A TypePad-powered blog by Walt Dickinson iPhone 4のディスプレイ解像度はiPhone 3GS/3Gに比べ縦2倍、横2倍になっている。Retinaディスプレイと呼ばれるこの高DPIディスプレイはフォントなどのスケーラブルデータを美しく表示する手助けをする。し... 続きを読む
昨日の FITC Amsterdam のキーノートセッションで、Flash Professional から HTML5 コンテンツを書き出す Adobe Flash Professional Toolkit for CreateJS (長い!) が公開されました。 Flash Professional Toolkit for CreateJS (以下 CreateJS) は、Flash... 続きを読む
前回JSとcanvasで縦組みエンジンを作ろう( ・∀・) その3 - Webと文字はサンプルのスクリーンショットを貼りました。今回はその解説です。 GAEで作成したアプリ:ギコ文庫ギコ文庫:http://gikobunko.appspot.com/Beautiful SoupJSとcanvasで縦組みエンジン... 続きを読む
Programming, Font, JavaScript, 文字 例によってサンプルのみです。Google App Engineでギコ文庫というアプリを作ってみました。ギコ文庫:http://gikobunko.appspot.com ギコ文庫はWebテキストを縦書き+アンチエリアスで読めるかも知れないサービスです。URL... 続きを読む
文字, Font前回は組版の観点からtypeface.jsに手を入れてみました。JSとcanvasで縦組みエンジンを作ろう( ・∀・) その1 - Webと文字今回はGoogleAppEngineを利用して、サービスの土台を作ります。フォントサイズの問題 typeface.jsで使用するフォントサイ... 続きを読む
JavaScript, 文字 ○| ̄|_ <編集中に記事が消えました…サンプルのみです。excanvas縦組文字の大きさの議論簡単な禁則処理行間、行数サンプル 青空文庫から宮沢賢治、「グスコーブドリの伝記」をサンプルに選びました(参考資料1)。IE、FireFox、Chrome、... 続きを読む
Greetings fellow webonauts! KineticJS is an HTML5 Canvas library that extends the 2d context by adding region events for desktop and mobile applications, extends the 3d context by wrapping WebGL (matrix math provided by Brandon Jones's glMatr... 続きを読む
HTML5はWeb開発に革命をもたらすとも言われています。本書ではHTML5の機能で最も注目されているCanvasについて学びます。Canvasを使った2Dオブジェクトの描画、テキストレンダリング、画像・映像・音声処理、WebGLによる3Dアニメーション。これらすべてのトピッ... 続きを読む
HTML5花火大会が始まりました! jsdo.itに集まった400以上の花火コードが、夏の夜空に打ち上がっています! 本当にどの花火もクオリティーが高くて、見るだけでも楽しめます。 HTML5花火大会 花火のコードから学ぶcanvasの表現力 花火のコードの大半はHTML5のca... 続きを読む
HTML5 はじめにCanvasのパフォーマンスを測定するベンチマークプログラムはそこら中に転がっていますが、ほんの一部分の測定だったり、逆に中身が複雑過ぎたりと僕が希望するようなものが見当たらなかったので、自分で作って各ブラウザで測定してみました。測定... 続きを読む
A showcase of awesome JavaScript code that pushes the boundaries of what's possible on the web. You have probably seen face detection at work in programs like iPhoto and Picasa, but what if you could do that performantly in JavaScript? Chine... 続きを読む
Ajaxian Ajaxianの記事Real World Canvas Tips from Hakim El HattabにおいてHakim El Hattab氏が掲載している記事Thoughts on HTML5 Canvasが紹介されている。これまでFlashを使ってきたデベロッパがHTML5のCanvasを使い始めてからの考察をまとめたもので、こ... 続きを読む
HTML5 はじめにCanvasはHTML5とは切り離された独立した仕様(HTML Canvas 2D Context)になっているようですが、現状のブラウザ上でのCanvasのについて、普段はあまり気にしない微妙な振る舞いについて調べた結果をまとめてみました。調べたブラウザの各バージョ... 続きを読む