canvas

canvas 要素 (HTML)

[8] HTMLcanvas要素は、Web応用図形を描くことができる、解像度依存のビットマップ画布 (キャンバス) です。グラフゲームその他の画像実行時に描画することを想定しています。

仕様書

DOM インターフェイス

[95] canvas 要素要素インターフェイスは、 HTMLCanvasElement インターフェイスです。

[96] HTMLCanvasElement は、 HTMLElement継承しています。

属性

[10] 次の内容属性があります。

[100] 次の IDL属性があります。

内容と終了タグ

[6] 終了タグ 当初 Safari の実装では強制空要素で、 終了タグはありませんでしたが、 HTML 5 では終了タグが存在し、内容代替内容とされています。 FirefoxOpera もこれに従っています。

Safari 2 は??

[16] 代替内容 著者は、画布と機能・目的が同じ代わりのものも用意するべきです。 その代替物は canvas要素内容とすることができます。

[416] canvasフォールバック内容の項を参照。

[42] Working with the WebKit Nightly Builds http://developer.apple.com/opensource/internet/nightlywebkit.html (名無しさん 2006-11-05 02:47:03 +00:00)

レンダリング

[17] 代替内容

[97] 当初の Apple の実装では alt 属性が規定されていたようですが、 これがレンダリングに用いられていたのかは不明です。

[18] 大きさと座標空間

[19] width属性height属性動的に書き換えられますが、その場合画布は初期状態に再設定(描画内容は消去)されます。

[20] 背景 初期状態では、背景透明(rgba(0, 0, 0, 0))になります。CSS背景も、その更に後ろに通常通りレンダリングされます。

レンダリング文脈

[98] 次のレンダリング文脈 (rendering context) があります。

[99] moz-3d はかつて HTML5 で拡張例として示されていましたが、 規定も実装もされていません。

HTMLCanvasElement インターフェイス getContext メソッド

[94] HTMLCanvasElement インターフェイスgetContext メソッドは、 レンダリング文脈オブジェクトを返します。

処理

[117] 文書中にない場合

歴史

[11] はじめ、 AppleSafari に (主として Dashboard のために) canvas を考案・実装しました。

[12] WHATWGWeb Applications 1.0 作業原案 (HTML 5) ははやくから canvas を仕様に取り込んでいます。

[13] Gecko 1.8 (Firefox 1.5 (Deer Park 2 以降))、 Opera 9 (Preview 1 以降) も相次いでこれを実装しました。

[312] HTML5 の中ではじめて Status が「Implemented and widely deployed」 (勧告相当) に到達しました。

当時はまだ HTML4 以来の機能に status が設定されていませんでした。

[1] Hixie's Natural Log: Extending HTML http://ln.hixie.ch/?start=1089635050&count=1

Apple が導入した HTML の拡張、 canvas 要素型などを通した、 HTML の拡張についての考察。 (名無しさん 2004-08-23 06:30:29 +00:00)

[152] >>141, >>1, >>142 からのスレによると、

  1. [154] - WWDC2004 で情報解禁
  2. [153] Dave Hyatt (当時 Apple 社の WebKit チームメンバー (代表?)) がブログcanvas のことを発表
  3. [155] >>153 が引き金でWeb技術ブロガーでちょっとした騒ぎに
  4. [157] AppleWWDC2004 資料として WebCore ソースコードを公開、 canvas 関連も含まれる
  5. [158] Dave Hyatt>>154 資料(?)で情報公開したいと Apple 社内で掛け合ったが予算問題で却下される
  6. [159] Ian Hickson>>157>>148 から canvasWA1 に追加

[148] >>146 によると既に Mozilla は実装済だったらしいけど、これは XUL だけの話なのか、それとも HTML にももう実装したのか。 でも仕様が不明瞭な状態で1ヶ月で追随というのは余りに短すぎる。 Hyatt が Apple に入る前に GeckoXUL 用に実装していたってこと?

[149] >>146 が参照しているファイルはかなり早い段階 (平成20年の前後数年くらい? ← 全然絞れてないな・・・) でなくなってしまった模様で今の Git リポジトリーでは発見できない。どうにか探す方法はありそうなものだけど今ちょっとわからない。

[151] でもファイル名的にたぶん XUL 用の実装だったというのはそうなのだろう。

[162] WebKit の当初の実装は canvas開始タグのみで終了タグ不存在としていました >>161WA1 の追加当時の版が現存しないのですが、 現存する最古の版、の記載内容やメーリングリストの投稿 (に何の記載もないこと) を鑑みると、 WA1 では当初から終了タグが必須だった可能性が高そうです。

[163] HTML要素概説
要素名
canvas
日付
説明
から開催された Apple のイベント WWDC2004 での新規公開情報に canvas が含まれていた。 その後提供された SafariDashboardウィジェットで実装されていた。 現行仕様とは細部が異なる。
出典
注釈
  • [164] Dashboardウィジェット WebKit で動作する小型アプリケーションプログラム。
[139] HTML要素概説
要素名
canvas
日付
説明
Web Applications 1.0canvas が追加された。 >>166 現存最古は版である。 >>165 現行仕様である。
出典

[2] mozillaZine 日本語版 - mozillaZine 和訳 http://ryuzi.dyndns.org/mozillazine/html/modules/news/article.php?storyid=1017

Geckocanvas を実装。 (名無しさん 2005-04-23 01:01:00 +00:00)

[3] Evil Thoughts: Canvas and XUL http://pavlov.net/blog/archives/2005/04/canvas_and_xul.html (名無しさん 2005-04-23 01:02:46 +00:00)

[4] Drawing Graphics with Canvas - Devmo Ja http://developer.mozilla.org/ja/docs/Drawing_Graphics_with_Canvas

Category:HTML:Canvas - MDC http://developer.mozilla.org/ja/docs/Category:HTML:Canvas

[7] blogfour: <canvas> support for IE http://www.beaufour.dk/blog-archives/2005/06/canvas_support.html (名無しさん 2005-08-23 00:25:26 +00:00)

[14] ブラウザ上でお絵かき: Days on the Moon http://nanto.asablo.jp/blog/2005/09/27/89628 (名無しさん 2005-11-18 13:28:02 +00:00)

[15] Bug 288714 - HTML canvas impl https://bugzilla.mozilla.org/show_bug.cgi?id=288714 (名無しさん)

[21] Emil’s Chronicle &#187; Canvas in IE http://me.eae.net/archive/2005/12/29/canvas-in-ie/

HTCによる実装。 (名無しさん 2006-01-04 01:09:27 +00:00)

[22] Canvascape - 3D walker http://www.abrahamjoffe.com.au/ben/canvascape/index.htm

3D迷路すげー (名無しさん 2006-01-31 07:04:19 +00:00)

[24] canvas-developers : Canvas Developers http://groups.yahoo.com/group/canvas-developers/ (名無しさん 2006-03-28 00:10:11 +00:00)

[25] Canvas:3D - MozillaWiki http://wiki.mozilla.org/Canvas:3D (名無しさん 2006-03-28 00:11:18 +00:00)

[26] Canvas:Text - MozillaWiki http://wiki.mozilla.org/Canvas:Text (名無しさん 2006-03-28 00:14:20 +00:00)

[27] XUL:Canvas Tag - MozillaWiki http://wiki.mozilla.org/XUL:Canvas_Tag (名無しさん)

[28] Vladimir Vuki&#263;evi&#263; &#187; Canvas Future http://blog.vlad1.com/archives/2006/03/03/95/ (名無しさん 2006-03-28 00:17:12 +00:00)

[29] The 'Opera-2dgame' Canvas Context - Web Applications Blog - by Web Applications http://my.opera.com/WebApplications/blog/show.dml/200788 (名無しさん 2006-03-31 02:15:54 +00:00)

[30] ExplorerCanvas http://excanvas.sourceforge.net/ (名無しさん 2006-05-27 03:52:48 +00:00)

[31] Canvas tutorial - MDC http://developer.mozilla.org/en/docs/Canvas_tutorial (名無しさん 2006-05-27 03:53:13 +00:00)

[32] SVG & Canvas: Graphics for the Web http://people.mozilla.com/~vladimir/xtech2006/ (名無しさん 2006-05-27 03:53:32 +00:00)

[33] Taken SPC : カテゴリー : canvas http://taken.s101.xrea.com/blog/category.php?k=canvas (名無しさん)

[34] SourceForge.jp: Project Info - WebGL http://sourceforge.jp/projects/webgl/ (名無しさん)

[35] Taken SPC : canvas 要素のサンプル http://taken.s101.xrea.com/blog/var/canvas/ (名無しさん)

[36] Canvas shell http://mozilla.doslash.org/stuff/canvas/shell.html (名無しさん)

[37] Canvex - canvas-based FPS game http://canvex.lazyilluminati.com/ (名無しさん)

[38] Paintr 2.1 Beta http://annevankesteren.nl/2006/08-paintr21 (名無しさん 2006-08-29 23:31:25 +00:00)

[39] Taken SPC : Mozilla が canvas3d を実装 http://taken.s101.xrea.com/blog/article.php?id=629 (名無しさん 2006-09-10 03:51:46 +00:00)

[40] Perf-o-matic http://graphs.mozilla.org/ (名無しさん 2006-09-25 23:25:53 +00:00)

[41] New Canvas Script http://abrahamjoffe.com.au/ben/opera_canvas_bugs/index.htm (名無しさん 2006-10-01 00:33:32 +00:00)

[44] Graraph - mz.skr.jp http://mz.skr.jp/graraph/ (名無しさん)

[45] Rhino Canvas http://rhino-canvas.sourceforge.net/www/drawstring.html (名無しさん 2006-11-14 00:07:56 +00:00)

[46] Rhino Canvas http://rhino-canvas.sourceforge.net/ (名無しさん 2006-11-14 00:09:07 +00:00)

[48] Bug 5522 - [canvas]transform, setTransform の実装 (2007-02-05 08:56:08 +09:00 版) http://bugzilla.mozilla.gr.jp/show_bug.cgi?id=5522 (名無しさん 2007-02-04 23:59:39 +00:00)

[49] Bug 365886 &#8211; Implement canvas transform() and setTransform() (2007-02-05 08:58:17 +09:00 版) https://bugzilla.mozilla.org/show_bug.cgi?id=365886 (名無しさん 2007-02-05 00:00:54 +00:00)

[50] Bug 365886 &#8211; Implement canvas transform() and setTransform() (2007-02-05 08:58:17 +09:00 版) https://bugzilla.mozilla.org/show_bug.cgi?id=365886 (名無しさん 2007-02-05 00:01:15 +00:00)

[51] X3D Community Blog: 3D capable <canvas> HTML Tag by Opera & Mozilla (2007-02-10 18:45:10 +09:00 版) http://www.web3d.org/community/blog/archives/2006/10/3d_capable_canvas_html_tag_by/ (名無しさん)

[52] canvas 3D - Anne’s Weblog (2006-05-21 17:08:54 +09:00 版) http://annevankesteren.nl/2006/05/canvas-3d (名無しさん)

[53] Vector graphic animation with JavaScript | ara pehlivanian—Web Standards, Web Culture, Web Everything.&#8482; (2007-02-24 16:11:17 +09:00 版) http://arapehlivanian.com/2007/02/19/vector-graphic-animation-with-javascript/ (名無しさん 2007-02-24 07:12:26 +00:00)

[54] 地図とHTML Canvas - Torisugari の日記 (2007-03-07 13:38:22 +09:00 版) http://slashdot.jp/~Torisugari/journal/395817?from=rss (名無しさん 2007-03-07 12:23:07 +00:00)

[56] A blog? with Σαιτω - CANVAS - Apple が特許を主張 (2007-03-16 15:17:30 +09:00 版) http://d.hatena.ne.jp/saiton/20070316/1174010163 (名無しさん 2007-03-16 08:58:21 +00:00)

[57] I see a shitstorm coming - Arve Bersvendsen (2007-03-16 07:58:13 +09:00 版) http://virtuelvis.com/archives/2007/03/shitstorm-coming (名無しさん 2007-03-16 09:04:31 +00:00)

[58] I see a shitstorm coming - Arve Bersvendsen (2007-03-16 07:58:13 +09:00 版) http://virtuelvis.com/archives/2007/03/shitstorm-coming (名無しさん 2007-03-16 09:10:17 +00:00)

[59] I see a shitstorm coming - Arve Bersvendsen (2007-03-16 07:58:13 +09:00 版) http://virtuelvis.com/archives/2007/03/shitstorm-coming (名無しさん 2007-03-16 09:12:09 +00:00)

[60] 【レポート】JavaScript + Canvasでレイトレを! - "Flog.RayTracer Canvas"の使い心地 (MYCOMジャーナル) (2007-03-21 12:27:55 +09:00 版) http://journal.mycom.co.jp/articles/2007/03/19/flog/ (名無しさん 2007-03-21 03:29:29 +00:00)

[61] A blog? with Σαιτω - canvas のデモ (2007-03-21 01:22:01 +09:00 版) http://d.hatena.ne.jp/saiton/20070320/1174360479 (名無しさん)

[62] Canvas Raytracer @ Flog (2007-03-11 17:55:54 +09:00 版) http://labs.flog.co.nz/raytracer/ (名無しさん)

[63] 【レポート】Canvas 3D Renderer & 3D WalkerでHTML Canvasの実力を知る (MYCOMジャーナル) (2007-03-21 12:29:14 +09:00 版) http://journal.mycom.co.jp/articles/2007/03/06/canvas/ (名無しさん)

[64] Canvas tests - index (2007-03-26 07:06:38 +09:00 版) http://canvex.lazyilluminati.com/tests/tests/ (名無しさん 2007-03-28 07:04:07 +00:00)

[65] Latest topics > 多数のHTML Canvasを使用する時の、反応速度向上テクニック - outsider reflex (Piro(SHIMODA Hiroshi) 著, 2007-04-04 08:43:36 +09:00 版) http://piro.sakura.ne.jp/latest/blosxom/mozilla/xul/2007-04-03_tabcatalog.htm (名無しさん 2007-04-03 23:46:42 +00:00)

[66] Racing (2007-02-27 12:26:31 +09:00 版) http://tapper-ware.net/canvas3d/ (名無しさん 2007-04-12 12:56:42 +00:00)

[67] canvas-developers : Message: Re: Apple is asserting it's IP rights over canvas - what does that mean for canv (2007-04-14 10:10:04 +09:00 版) http://tech.groups.yahoo.com/group/canvas-developers/message/371 (名無しさん 2007-04-14 01:12:47 +00:00)

[68] canvas Support in Opera (2007-05-01 10:47:19 +09:00 版) http://www.opera.com/docs/specs/canvas/ (名無しさん 2007-05-01 02:01:58 +00:00)

[69] ExplorerCanvas (2006-03-31 09:37:29 +09:00 版) http://excanvas.sourceforge.net/ (名無しさん 2007-05-05 23:29:46 +00:00)

[70] グラフを描く(canvas編) (2007-05-05 22:18:48 +09:00 版) http://oku.edu.mie-u.ac.jp/~okumura/javascript/graph-canvas.html (名無しさん 2007-05-05 23:30:39 +00:00)

[71] PlotKit - Javascript Chart Plotting | liquidx (2007-05-07 20:26:05 +09:00 版) http://www.liquidx.net/plotkit/ (名無しさん 2007-05-07 11:33:48 +00:00)

[73] CanvasPaint (2007-05-12 19:23:02 +09:00 版) http://canvaspaint.org/ (名無しさん)

[74] Taken SPC : canvas で描画を save/resotre する (2007-06-02 22:14:44 +09:00 版) http://taken.s101.xrea.com/blog/article.php?id=750 (名無しさん 2007-06-02 13:16:28 +00:00)

[75] Taken SPC : canvas でドロップシャドウ (2007-06-24 16:01:11 +09:00 版) http://taken.s101.xrea.com/blog/article.php?id=759 (名無しさん 2007-06-24 07:03:51 +00:00)

[76] 三次元図形への対応は2007年頃から検討されはじめ、実験的な実装を経て WebGL となりました。

WebGL の項を参照。

[77] public-canvas-api@w3.org Mail Archives (2008-03-12 12:36:01 +09:00 版) http://lists.w3.org/Archives/Public/public-canvas-api/ (名無しさん)

[78] Usemap and ismap for canvas tag (Greg Houston <gregory.houston@...> 著, 2008-03-03 22:54:14 +09:00 版) http://permalink.gmane.org/gmane.org.w3c.whatwg.discuss/13426 (名無しさん)

[79] いつのまにか、HTML 5canvas 要素の状態が最高の Implemented and widely deployed になってます。 (各 APIにも個別に状態が設定されています。) (名無しさん)

[81] Timepedia Chronoscope (2008-09-13 14:10:54 +09:00 版) http://timepedia.org/chronoscope/ (名無しさん)

[82] HTML Canvasの3D対応への道を探る:CodeZine (2008-10-24 20:40:02 +09:00 版) http://codezine.jp/article/detail/3113

[301] Canvas Tutorial - Introduction ( 版) http://billmill.org/static/canvastutorial/

[47] JavaScriptで図形を描くHTML要素「Canvas」の実例 - GIGAZINE (2007-01-13 01:27:39 +09:00 版) http://gigazine.net/index.php?/news/comments/20070111_canvas/ (名無しさん 2007-01-12 17:02:04 +00:00)

[72] (2005-05-25 19:04:44 +09:00 版) http://www.sylloge.com/5k/entries/232/domaze5k.htm

canvas を使わないこれもこれですごい。 (名無しさん)

[80] Mootools Mocha UI (2008-06-17 07:07:03 +09:00 版) http://mochaui.com/demo/

[302] 気がついたらドット打ってた。 - uupaaの開発日記 ( 版) http://d.hatena.ne.jp/uupaa/20081208/1228744833

[304] Silverlight で HTML5::Canvas を実装した - uupaaの開発日記 ( 版) http://d.hatena.ne.jp/uupaa/20081118/1226938498

[303] excanvas.js にさようなら。 - uupaaの開発日記 ( 版) http://d.hatena.ne.jp/uupaa/20081206/1228494722

[305] [Think IT] 第2回:HTML 5+JavaScriptでCanvasアプリを作る (1/3) ( 版) http://thinkit.jp/article/773/1/

情報が古いので注意。

[306] Canvas ( 版) http://suika.fam.cx/www/canvas/cis/cis

デバッグ用。

[307] スラッシュドット・ジャパン | Mozillaプロジェクト、IE向けのCanvasプラグインを開発中 ( 版) http://slashdot.jp/it/article.pl?sid=08/08/21/1023205

[308] Firefox 3.1 for developers - MDC ( 版) https://developer.mozilla.org/ja/Firefox_3.1_for_developers#.E6.96.B0.E3.81.97.E3.81.8F.E3.82.B5.E3.83.9D.E3.83.BC.E3.83.88.E3.81.95.E3.82.8C.E3.81.9F.E6.A9.9F.E8.83.BD_3

HTML 5 text API for canvas elements
canvas 要素のための HTML 5 text API がサポートされました。
Shadow effects
Canvas shadow effects がサポートされました。
-moz-opaque 属性
-moz-opaque 属性が追加されました。これは canvas に半透明な要素があるかどうかを知らせます。canvas が半透明な要素がないことを知った場合、ペインティングパフォーマンスは最適化されます。 bug 430906 を参照してください。

[309] 2009-02-11 - 最速チュパカブラ研究会 ( 版) http://d.hatena.ne.jp/gyuque/20090211#1234364019

[310] ISSUE-15 immediate-mode-graphics proposal carries over objections (Dan Connolly 著, 版) http://lists.w3.org/Archives/Public/public-html/2007Dec/0094.html

[311] Opera で HTML5::Canvas の fillText() をサポートできないかな - latest log ( 版) http://d.hatena.ne.jp/uupaa/20090427/1240801352

[313] スクショ拡張と Canvas でお絵かきツール実装したよという話 - 8時40分が超えられない - subtech ( 版) http://subtech.g.hatena.ne.jp/secondlife/20090917/1253176532

[314] Firefoxではcanvasとsvgの両方に対応していますが、なぜ両方とも実装されたのでしょうか。また、canvasとsvgを比較したときのそれぞれのメリットとデメリットを詳しく教え.. - 人力検索はてな ( 版) http://q.hatena.ne.jp/1187281995

[315] (X)HTML5 Tracking ( 版) http://html5.org/tools/web-apps-tracker?from=3927&to=3928

[316] The Canvas 2D API 1.0 Specification ( 版) http://dev.w3.org/html5/canvas-api/canvas-2d-api.html

[317] MicrosoftがHTML5からcanvas 2Dの仕様からの分離を提案。 - k3akinoriのWebデザインの日々日記 ( 版) http://d.hatena.ne.jp/k3akinori/20091024/1256404123

[318] Microsoft Wants to Separate the Canvas 2D API from HTML5 - Webmonkey (user generated 著, 版) http://www.webmonkey.com/blog/Microsoft_Wants_to_Separate_the_Canvas_2D_API_from_HTML5

[319] Ajaxian » Microsoft to help move Canvas 2D API out of HTML5 spec? ( 版) http://ajaxian.com/archives/microsoft-to-help-move-canvas-2d-api-out-of-html5-spec

[320] Separate Draft of Canvas API Uploaded to CVS (Doug Schepers 著, 版) http://lists.w3.org/Archives/Public/public-canvas-api/2009JulSep/0002.html

[321] Re: Separate Draft of Canvas API Uploaded to CVS (Maciej Stachowiak 著, 版) http://lists.w3.org/Archives/Public/public-canvas-api/2009JulSep/0007.html

[322] Normative Dependency and the Seven Drafts (was: Canvas API Editors) (Doug Schepers 著, 版) http://lists.w3.org/Archives/Public/public-canvas-api/2009JulSep/0015.html

[323] Minutes: HTML Canvas Accessibility Meeting August 21, 2009 (Richard Schwerdtfeger 著, 版) http://lists.w3.org/Archives/Public/public-canvas-api/2009JulSep/0026.html

[324] Minutes: Canvas Accessibility Call August 28, 2009 (Richard Schwerdtfeger 著, 版) http://lists.w3.org/Archives/Public/public-canvas-api/2009JulSep/0054.html

[325] Re: Canvas 2D API specification update - defining the element or not (Maciej Stachowiak 著, 版) http://lists.w3.org/Archives/Public/public-canvas-api/2009OctDec/0005.html

[326] Re: Canvas 2D API specification update - defining the element or not (Philip Taylor 著, 版) http://lists.w3.org/Archives/Public/public-canvas-api/2009OctDec/0011.html

[327] Re: Canvas 2D API specification update - defining the element or not (Shelley Powers 著, 版) http://lists.w3.org/Archives/Public/public-canvas-api/2009OctDec/0015.html

The additional work to ensure the split happens cleanly probably won't take more (as has been estimated) 8-10 hours.

こいつなめまくってるなwwwwwwwwwwwwwwwwwwwwwwwwwwww

[328] RE: Canvas 2D API specification update - defining the element or not (Adrian Bateman 著, 版) http://lists.w3.org/Archives/Public/public-canvas-api/2009OctDec/0008.html

[329] RE: Canvas 2D API specification update - defining the element or not (Adrian Bateman 著, 版) http://lists.w3.org/Archives/Public/public-canvas-api/2009OctDec/0003.html

[330] <canvas> and the 2D context API (was RE: Begin discussions for pushing Last Call into 2010) (Adrian Bateman 著, 版) http://lists.w3.org/Archives/Public/public-html/2009Aug/0628.html

[331] The Canvas 2D API 1.0 Specification ( 版) http://dev.w3.org/cvsweb/~checkout~/2006/canvas-api/canvas-2d-api.html?rev=1.1&content-type=text/html;%20charset=utf-8

[332] The Canvas 2D API 1.0 Specification ( 版) http://dev.w3.org/cvsweb/~checkout~/html5/canvas-api/canvas-2d-api.html?content-type=text/html;%20charset=utf-8

[333] マイクロソフトがHTML5仕様からCanvas要素を外すように提案、しかし一刀両断に... - Publickey ( 版) http://www.publickey.jp/blog/09/html5canvas.html

[334] Re: Canvas 2D API specification update (Ian Hickson 著, 版) http://lists.w3.org/Archives/Public/public-html/2009Oct/0782.html

[335] Re: Canvas 2D API specification update (Maciej Stachowiak 著, 版) http://lists.w3.org/Archives/Public/public-html/2009Oct/0756.html

[336] Separate Draft of Canvas API Uploaded to CVS (Doug Schepers 著, 版) http://lists.w3.org/Archives/Public/public-canvas-api/2009JulSep/0002.html

[337] IRC logs: freenode / #whatwg / 20091024 ( 版) http://krijnhoetmer.nl/irc-logs/whatwg/20091024#l-260

[338] (X)HTML5 Tracking ( 版) http://html5.org/tools/web-apps-tracker?from=4464&to=4465

[339] (X)HTML5 Tracking ( 版) http://html5.org/tools/web-apps-tracker?from=4543&to=4544

[340] HTML5 2D Context ( 版) http://dev.w3.org/html5/2dcontext/Overview.html

[341] IRC logs: freenode / #whatwg / 20100503 ( 版) http://krijnhoetmer.nl/irc-logs/whatwg/20100503#l-299

[342] HTML Accessibility Task Force Teleconference -- 03 May 2010 ( 版) http://www.w3.org/2010/05/03-html-a11y-minutes.html

[343] IRC logs: freenode / #whatwg / 20100715 ( 版) http://krijnhoetmer.nl/irc-logs/whatwg/20100715

[101] 2010年8月には、それまで WHATWG Wiki >>85 を参照する形になっていたレンダリング文脈 (getContext メソッド引数) を、挙動をより厳密に規定するため HTML5 本体で直接定義する形に改めました >>84

[103] なお W3C HTML 5.0 はすぐには追随しませんでした >>85 が、 結局は WHATWG 版と同じ形になっています >>102。しかし WHATWG 版をそのまま採用せず独自に編集しているためか、参考として古い WHATWG Wiki のページへのリンクが W3C勧告版に至ってもなお残っています >>102

[104] W3C ではよくあることなので、深く気にすることではなさそうです。

[344] [whatwg] Canvas feedback (various threads) ( 版) http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2010-August/027879.html

[345] HTML Canvas 2D Context ( ( 版)) http://www.w3.org/TR/2010/WD-2dcontext-20101019/

[346] [whatwg] Canvas feedback (various threads) ( 版) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2010-November/029043.html

[347] [whatwg] Attitude and Direction of the WHATWG ( ( 版)) http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2010-November/029198.html

[348] スマートフォンのcanvasタグのバグのまとめ - yukobaのブログ ( 版) http://d.hatena.ne.jp/yukoba/20100322/p1

[349] HTML Canvas 2D Context ( ( 版)) http://www.w3.org/TR/2011/WD-2dcontext-20110113/

[350] The whatwg April 2005 Archive by thread ( ( 版)) http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2005-April/thread.html

[351] CANVAS element in Mozilla — Anne’s Blog ( ( 版)) http://annevankesteren.nl/2005/04/canvas-element

[352] Web Applications 1.0 r5873 Make sure cross-origin fonts can't leak data via <canvas>. ( ( 版)) http://html5.org/tools/web-apps-tracker?from=5872&to=5873

[353] [whatwg] Canvas feedback (various threads) ( ( 版)) http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2011-February/030381.html

[354] HTML Canvas 2D Context ( ( 版)) http://www.w3.org/TR/2011/WD-2dcontext-20110405/

[355] Bug 11239 proposed patch ( (Ian Hickson 著, 版)) http://lists.w3.org/Archives/Public/public-html/2011Apr/0700.html

[356] HTML Canvas 2D Context ( ( 版)) http://www.w3.org/TR/2011/WD-2dcontext-20110525/

[357] Web Applications 1.0 r6201 apply chair revert request ( ( 版)) http://html5.org/tools/web-apps-tracker?from=6200&to=6201

[358] Introduction – SVG 1.1 (Second Edition) ( ( 版)) http://www.w3.org/TR/2011/REC-SVG11-20110816/intro.html#TermCanvas

[359] IRC logs: freenode / #whatwg / 20111112 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20111112

[360] IRC logs: freenode / #whatwg / 20111208 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20111208

[361] [whatwg] Canvas ScrollBar ( ( 版)) http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2012-January/034555.html

[362] Web Applications 1.0 r7011 Update notes in canvas source regarding upcoming new features. ( ( 版)) http://html5.org/tools/web-apps-tracker?from=7010&to=7011

[363] Canvas - WHATWG Wiki ( ( 版)) http://wiki.whatwg.org/wiki/Canvas

[364] IRC logs: freenode / #whatwg / 20120228 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20120228

[365] IRC logs: freenode / #whatwg / 20120301 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20120301

[366] Web Applications 1.0 r7023 Path objects and drawing text to a path or along a path. Note that there's not yet any way to _use_ the Path objects. That's next... ( ( 版)) http://html5.org/tools/web-apps-tracker?from=7022&to=7023

[367] Web Applications 1.0 r7024 Make it possible to draw Path primitives to the canvas. ( ( 版)) http://html5.org/tools/web-apps-tracker?from=7023&to=7024

[368] IRC logs: freenode / #whatwg / 20120306 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20120306

[369] Web Applications 1.0 r7025 Add ellipse support to canvas. ( ( 版)) http://html5.org/tools/web-apps-tracker?from=7024&to=7025

[370] Web Applications 1.0 r7026 Add SVG paths to Path objects in canvas. ( ( 版)) http://html5.org/tools/web-apps-tracker?from=7025&to=7026

[371] Web Applications 1.0 r7028 add dashed lines and change how Path objects work to instead use external line and font styles and transformation objects ( ( 版)) http://html5.org/tools/web-apps-tracker?from=7027&to=7028

[372] IRC logs: freenode / #whatwg / 20120314 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20120314

[373] IRC logs: freenode / #whatwg / 20120315 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20120315#l-988

[374] Web Applications 1.0 r7029 Make it easier to do hit testing on canvas ( ( 版)) http://html5.org/tools/web-apps-tracker?from=7028&to=7029

[375] Web Applications 1.0 r7030 Pattern transforms, first draft ( ( 版)) http://html5.org/tools/web-apps-tracker?from=7029&to=7030

[376] [whatwg] Canvas v5 API additions ( ( 版)) http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2012-March/035239.html

[377] HTML Canvas 2D Context ( ( 版)) http://www.w3.org/TR/2012/WD-2dcontext-20120329/

[378] IRC logs: freenode / #whatwg / 20120328 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20120328

[379] IRC logs: freenode / #whatwg / 20120328 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20120328#l-991

[380] [whatwg] Canvas v5 API additions ( ( 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2012-June/036475.html

[381] Web Applications 1.0 r7178 Try to introduce 'HD' versions of the ImageData API. PLEASE DO NOT IMPLEMENT THESE IF YOU DO NOT HAVE VARIABLE-RESOLUTION CANVASES. ( ( 版)) http://html5.org/tools/web-apps-tracker?from=7177&to=7178

[382] Editorial team for Canvas 2D Context ( (Paul Cotton 著, 版)) http://lists.w3.org/Archives/Public/public-html/2012Aug/0060.html

[383] [whatwg] Canvas roundedRect ( ( 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2012-September/037109.html

[384] [whatwg] <canvas> and high-density displays ( ( 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2012-September/037406.html

[385] [whatwg] Blending, filtering ( ( 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2012-September/037432.html

[386] IRC logs: freenode / #whatwg / 20120925 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20120925

[387] HTML Canvas 2D Context ( ( 版)) http://www.w3.org/TR/2012/WD-2dcontext-20121025/

[388] [whatwg] Canvas in Workers ( ( 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2012-November/037965.html

[389] Web Applications 1.0 r7509 First draft of a way to do canvas in workers. ( ( 版)) http://html5.org/tools/web-apps-tracker?from=7508&to=7509

[390] [whatwg] [canvas] inner shadows ( ( 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2012-November/038079.html

[391] [whatwg] <canvas> and high-density displays ( ( 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2012-November/038078.html

[392] IRC logs: freenode / #whatwg / 20121106 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20121106#l-939

[393] HTML Canvas 2D Context ( ( 版)) http://htmlwg.org/cr/2dcontext/Overview.html

[394] [whatwg] Canvas-related feedback ( ( 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2012-December/038380.html

[395] HTML Canvas 2D Context ( ( 版)) http://www.w3.org/TR/2012/CR-2dcontext-20121217/

[396] HTML Canvas 2D Context, Level 2 ( ( 版)) http://www.w3.org/TR/2012/WD-2dcontext2-20121217/

[397] [whatwg] Proposal: Add CanvasRenderingContext2D.fillRule with "nonzero" (default) and "evenodd" options ( ( 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2013-January/038503.html

[398] [whatwg] Canvas in Workers ( ( 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2013-January/038556.html

[399] Web Applications 1.0 r7853 Try to match reality, and adapt not-yet-implemented features to match. ( ( 版)) http://html5.org/tools/web-apps-tracker?from=7852&to=7853

[400] HTML Canvas 2D Context, Level 2 ( ( 版)) http://www.w3.org/TR/2013/WD-2dcontext2-20130528/

[401] [whatwg] Adding 2D Canvas features (Was: Grouping in canvas 2d) ( ( 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2013-June/039745.html

[402] [whatwg] Enabling LCD Text and antialiasing in canvas ( ( 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2013-July/040103.html

[403] IRC logs: freenode / #whatwg / 20130718 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20130718#l-585

[404] [whatwg] High-density canvases ( ( 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2013-September/040735.html

[405] IRC logs: freenode / #whatwg / 20130930 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20130930

[406] IRC logs: freenode / #whatwg / 20130930 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20130930

[407] Bug 23515 – <canvas>: opaque backing stores ( ( 版)) https://www.w3.org/Bugs/Public/show_bug.cgi?id=23515

[408] Bug 23514 – Manual memory management for image assets used in canvas games ( ( 版)) https://www.w3.org/Bugs/Public/show_bug.cgi?id=23514

[409] Bug 23510 – <canvas>: Allow EXIF data to be passed to toBlob() ( ( 版)) https://www.w3.org/Bugs/Public/show_bug.cgi?id=23510

[410] Bug 23516 – <canvas>: controlling whether text is anti-aliased ( ( 版)) https://www.w3.org/Bugs/Public/show_bug.cgi?id=23516

[411] Canvas Context Loss and Restoration - WHATWG Wiki ( ( 版)) http://wiki.whatwg.org/wiki/Canvas_Context_Loss_and_Restoration

[412] HTML Canvas 2D Context, Level 2 ( ( 版)) http://www.w3.org/TR/2013/WD-2dcontext2-20131029/

[413] 709490 – Run WebGL on Web Worker with Off-Main-Thread-Compositing ( ( 版)) https://bugzilla.mozilla.org/show_bug.cgi?id=709490

[414] [whatwg] hit regions: limited set of elements for fallback content ( ( 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2014-February/042031.html

[415] IRC logs: freenode / #whatwg / 20140312 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20140312

[417] ( ( 版)) http://damowmow.com/temp/canvas-specs

[86] [whatwg] Canvas.getContext error handling ( ( 版)) http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2011-April/031192.html

[87] IRC logs: freenode / #whatwg / 20110413 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20110413

[88] [whatwg] Canvas.getContext error handling ( 版) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2011-May/031553.html

[89] Web Applications 1.0 r6130 Mention the case of getContext('webgl') returning null due to hardware limitations. ( ( 版)) http://html5.org/tools/web-apps-tracker?from=6129&to=6130

[90] IRC logs: freenode / #whatwg / 20121110 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20121110#l-411

[91] Well, I'm Back: The Canvas getContext() Mistake ( ( 版)) http://robert.ocallahan.org/2012/05/canvas-getcontext-mistake.html

[92] Web Applications 1.0 r8755 Define getContext('2d', {alpha:false}). ( ( 版)) http://html5.org/r/8755

メモ

[18] 他に適当な要素型がないか 他に適当な要素型があるときにcanbasを使うのは不適切です。例えば、見出しを凝った装飾付き文字にしたい時は、h1マーク付けし、装飾はCSSXBLで行うべきです。

[5] canvas vs SVG

canvas (2d)SVG
記述方法スクリプト手続き的XML宣言的
文字列の描画×
動的な変更○ (スクリプト)○ (スクリプト, アニメーション)
描画の DOM への反映×
CSS×
HTML に埋込み○ (canvas + script)×
XHTML に埋込み○ (canvas + script)○ (svg)
HTML から参照○ (canvas + script src)○ (object)
XHTML から参照○ (canvas + script src)○ (object)
ラスタ画像データに変換○ (toDataURL)
標準化団体WHATWGW3C SVG WG
Mozilla Firefox1.5 Alpha 2 以降1.5 Alpha 2 以降 (一部のみ)
Safari
Opera9.0 Preview 1 以降8 以降 (SVG Tiny)
携帯電話×○ (SVG Tiny)

[23] SVGよりcanvasの方がよさそうなもの:

[55] Christian Simms’s Weblog &#187; Blog Archive &#187; SVG vs. Canvas: Tastes Great, or Less Filling? (2007-03-15 09:20:22 +09:00 版) http://csimms.botonomy.com/2006/02/12/svg-vs-canvas-tastes-great-or-less-filling/

[83] 60fps on the mobile web — Flipboard Engineering ( 版) http://engineering.flipboard.com/2015/02/mobile-web/

[105] Re: [whatwg] Canvas image to blob/dataurl within Worker (Kenneth Russell 著, 版) https://lists.w3.org/Archives/Public/public-whatwg-archive/2015Apr/0050.html

[106] [embedded] As discussed during the Paris F2F, rewrite the use of HTML5 · w3c/svgwg@bda84ee ( 版) https://github.com/w3c/svgwg/commit/bda84ee3ce02bdf810a7feeecd9f31f5634e39b9

[107] Fix #345: Remove table sorting model · whatwg/html@59b7e24 ( 版) https://github.com/whatwg/html/commit/59b7e2466c2b7c5c408a4963b05b13fd808aa07a

[108] Add new canvas rendering context: ImageBitmapRenderingContext · whatwg/html@4c59797 ( 版) https://github.com/whatwg/html/commit/4c59797403ca6545ca54ec2808264f5723727e7a

[109] <canvas> hit region API (Anne van Kesteren 著, 版) https://lists.w3.org/Archives/Public/www-archive/2016Apr/0000.html

[110] Remove old-fashioned vendor-specific extension advice (annevk著, ) https://github.com/whatwg/html/commit/76f88a4015d55273749c34238d250b7bdb1aff62

[111] Remove canvas element's hit region feature (for now) (annevk著, ) https://github.com/whatwg/html/commit/9d493a37ed7e49c58522a3fed05d14bde1a8913c

[112] Add the OffscreenCanvas interface and 2D context (junov著, ) https://github.com/whatwg/html/commit/aedc72daef50aa472b36f158633eb339e7d5ca20

[113] 23510 – <canvas>: Allow EXIF data to be passed to toBlob() () https://www.w3.org/Bugs/Public/show_bug.cgi?id=23510

[114] 11399 – <canvas>: Locking individual color channels (e.g. drawing to alpha only) () https://www.w3.org/Bugs/Public/show_bug.cgi?id=11399

[115] 22698 – <canvas>: API to make <canvas> prettier when printing () https://www.w3.org/Bugs/Public/show_bug.cgi?id=22698

[116] Throw when resizing OffscreenCanvas placeholder (junov著, ) https://github.com/whatwg/html/commit/5a51d3e17d848d307089c6c7f8d37bad3736ad79

[118] [OffscreenCanvas] Throw when resizing placeholder by junov · Pull Request #2951 · whatwg/html () https://github.com/whatwg/html/pull/2951

[119] updating mac canvas role to reflect reality (stevefaulkner著, ) https://github.com/w3c/html-aam/commit/c7761df2e43068f9e28d659c15e15a78de465d7b

[120] Perform "is not origin-clean" on ImageBitmap too (annevk著, ) https://github.com/whatwg/html/commit/25c1eefe3c123c57431f0e854a6b6d2127049629

[121] "The image argument is not origin-clean" check allows tainted ImageBitmaps · Issue #3341 · whatwg/html () https://github.com/whatwg/html/issues/3341

[122] Perform "is not origin-clean" on ImageBitmap too by annevk · Pull Request #3345 · whatwg/html () https://github.com/whatwg/html/pull/3345

[123] Editorial: clarify "check the usability of the image argument" (annevk著, ) https://github.com/whatwg/html/commit/0d7aa2e0b6c57d7475e72f4355ec64bd4b7dfcf8

[124] Fix toBlob() and convertToBlob() (annevk著, ) https://github.com/whatwg/html/commit/d28a66a8df60a6d7719f950dc2965d893d384b22

[125] Throw when <canvas> is not usable as image (annevk著, ) https://github.com/whatwg/html/commit/e0383f683428e97d6f0c41dc8b2a1519a5dbb631

[126] Simplify getContext() and make it throw less (annevk著, ) https://github.com/whatwg/html/commit/92495928eda25205904cec753ff50e414975c8f0

[127] Throwing an exception when failed to convert the settings argument of HTMLCanvasElement.getContext to dictionary is not web compatible · Issue #595 · whatwg/html () https://github.com/whatwg/html/issues/595

[128] Make getContext() coercion throw less by annevk · Pull Request #3370 · whatwg/html () https://github.com/whatwg/html/pull/3370

[129] Editorial: add a definition for canvas width/height numeric values (GloverDonovan著, ) https://github.com/whatwg/html/commit/822a7bd4097af8b9a5f65ae74c4a13dd9b33e976

[130] What happens when setting the canvas width/height to an invalid value? · Issue #2066 · whatwg/html () https://github.com/whatwg/html/issues/2066

[131] Add cross-reference for obtaining numeric values by GloverDonovan · Pull Request #3475 · whatwg/html () https://github.com/whatwg/html/pull/3475

[132] Integrate with WebGL 2.0 ("webgl2" context) (kenrussell著, ) https://github.com/whatwg/html/commit/3a20936d5304e7ccdda6969af34a0fcc135aeb1d

[133] Changing getContext() slightly · Issue #2589 · KhronosGroup/WebGL () https://github.com/KhronosGroup/WebGL/issues/2589

[134] Add references to WebGL 2.0 ("webgl2") context. by kenrussell · Pull Request #3971 · whatwg/html () https://github.com/whatwg/html/pull/3971

[135] Add an optional desynchronized mode to 2D canvas (yellowdoge著, ) https://github.com/whatwg/html/commit/cf529a3291dc8a9b823048c12ed9020915a432b9

[136] Add lowLatency flag to CanvasRenderingContext2DSettings. by kenrussell · Pull Request #4234 · whatwg/html () https://github.com/whatwg/html/pull/4234

[137] Add a low latency mode for 2D/3D Canvas contexts · Issue #4087 · whatwg/html () https://github.com/whatwg/html/issues/4087

[138] Add lowLatency flag to CanvasRenderingContext2DSettings by yellowdoge · Pull Request #4360 · whatwg/html () https://github.com/whatwg/html/pull/4360