[8] [[HTML]]の[DFN[[CODE(HTMLe)@en[[[canvas]]]][[要素]]]]は、[[Web応用]]が[[図形]]を描くことができる、[[解像度]]依存の[[ビットマップ]][RUBY[[[画布]]] [キャンバス]]です。[[グラフ]]、[[ゲーム]]その他の[[画像]]を[[実行時]]に描画することを想定しています。 * 仕様書 [REFS[ - [9] [[HTML 5]] -- [93] [CITE@en-GB-x-hixie[HTML Standard]] ([TIME[2015-01-16 08:47:54 +09:00]] 版) ]REFS] * DOM インターフェイス [95] [CODE(HTMLe)@en[[[canvas]]]] [[要素]]の[[要素インターフェイス]]は、 [DFN[[CODE(DOMi)@en[[[HTMLCanvasElement]]]]]] [[インターフェイス]]です。 [96] [CODE(DOMi)@en[[[HTMLCanvasElement]]]] は、 [CODE(DOMi)@en[[[HTMLElement]]]] を[[継承]]しています。 * 属性 [10] 次の[[内容属性]]があります。 [FIG(short list)[ - [[大域属性]] - [CODE(HTMLa)@en[[[alt]]]] - [CODE(HTMLa)@en[[[height]]]] - [CODE(HTMLa)@en[[[width]]]] - [CODE(HTMLa)@en[[[moz-opaque]]]] ]FIG] [100] 次の [[IDL属性]]があります。 [FIG(short list)[ - [CODE(DOMa)@en[[[height]]]] - [CODE(DOMa)@en[[[width]]]] - [CODE(DOMa)@en[[[mozOpaque]]]] ]FIG] * 内容と終了タグ [6] '''終了タグ''' 当初 [[Safari]] の実装では[[強制空要素]]で、 [[終了タグ]]はありませんでしたが、 [[HTML 5]] では[[終了タグ]]が存在し、[[内容]]は[[代替内容]]とされています。 [[Firefox]]、[[Opera]] もこれに従っています。 @@ [[Safari 2]] は?? [16] '''代替内容''' [[著者]]は、[[画布]]と機能・目的が同じ代わりのものも用意するべきです。 その代替物は [CODE(HTMLe)@en[[[canvas]]]][[要素]]の[[内容]]とすることができます。 ;; [[代替内容]]の[[レンダリング]]: >>17 [416] [[canvasフォールバック内容]]の項を参照。 [42] [CITE[Working with the WebKit Nightly Builds]] ([[名無しさん]] [WEAK[2006-11-05 02:47:03 +00:00]]) -[43] [CITE[Surfin’ Safari - Blog Archive » Understanding HTML, XML and XHTML]] -- [160] 移転確認 [TIME[2024-09-01T08:00:56.000Z]] -- [161] [CITE[Understanding HTML, XML and XHTML | WebKit]], [TIME[2024-09-01T08:00:48.000Z]] * レンダリング [17] '''代替内容''' - [[視覚]][[媒体]]で[[スクリプト]]が有効なら、[[置換ブロック水準要素]]として[[レンダリング]]するべきです。[[内容]]は[[レンダリング]]しません。 - それ以外の場合は、通常の[[ブロック水準要素]]として[[内容]]も[[レンダリング]]するべきです。 - 前者から後者へ移す場合 (例えば対話的画面に表示した[[文書]]を[[印刷]]する場合) は、元の[[画像]]と[[大きさ]]を持った[[置換ブロック水準要素]]として[[レンダリング]]するべきです。 ;; [97] 当初の [[Apple]] の実装では [CODE(HTMLa)@en[[[alt]]]] [[属性]]が規定されていたようですが、 これが[[レンダリング]]に用いられていたのかは不明です。 [18] '''大きさと座標空間''' - [[座標空間]]は、[CODE(HTMLa)@en[[[width]]]][[属性]]と[CODE(HTMLa)@en[[[height]]]][[属性]]によって大きさが決まります。[[既定値]]はそれぞれ[CODE(HTML)[300]]と[CODE(HTMLa)[150]]です。 - [[CSS]]で[[置換要素]]の[[大きさ]]として使われる[[内在次元]]の大きさは、[[座標空間]]の大きさに[[CSS]]の[[単位]][CODE(CSS)@en[[[px]]]]を付けた[[値]]となります。 - [[CSS]][[画布]]上の[CODE(HTMLe)@en[[[canvas]]]][[要素]]の大きさは、[[CSS]]の[[特性]]の指定と[[内在次元]]に基づいて決まります。[[座標空間]]の大きさと関係なく拡大・縮小できます。 - [[利用者エージェント]]が内部で保持するデータの大きさ([[解像度]])は、[[利用者エージェント]]の実装と[[媒体]]の性質で決めます。1つの[[CSS]][[画素]]が複数の[[装置]][[画素]]であらわされる[[媒体]]では、それ相応の細かさで記述されたデータを内部で持つことになります。 [19] [CODE(HTMLa)@en[[[width]]]][[属性]]と[CODE(HTMLa)@en[[[height]]]][[属性]]は[[動的]]に書き換えられますが、その場合[[画布]]は初期状態に再設定(描画内容は消去)されます。 [20] '''背景''' 初期状態では、[[背景]]は[[黒]]の[[透明]]([CODE(CSS)@en[[[rgba]](0, 0, 0, 0)]])になります。[[CSS]]の[[背景]]も、その更に後ろに通常通り[[レンダリング]]されます。 * レンダリング文脈 [98] 次の[RUBYB[[[レンダリング文脈]]]@en[rendering context]]があります。 [FIG(short list)[ - [CODE(HTML)@en[[[2d]]]] - [CODE(HTML)@en[bitmaprenderer]] - [CODE(HTML)@en[[[webgl]]]] - [CODE[webgl2]] - [CODE(HTML)@en[[[experimental-webgl]]]] - [CODE(HTML)@en[[[opera-3d]]]] - [CODE(HTML)@en[[[moz-gles11]]]] - [CODE(HTML)@en[[[moz-glweb20]]]] - [CODE[Webgpu]] ]FIG] ;; [99] [CODE(HTML)@en[[[moz-3d]]]] はかつて [[HTML5]] で拡張例として示されていましたが、 規定も実装もされていません。 * [CODE(DOMi)@en[HTMLCanvasElement]] インターフェイス [CODE(DOMm)@en[getContext]] メソッド [94] [CODE(DOMi)@en[[[HTMLCanvasElement]]]] [[インターフェイス]]の [DFN[[CODE(DOMm)@en[[[getContext]]]]]] [[メソッド]]は、 [[レンダリング文脈]]オブジェクトを返します。 *処理 @@ [117] [[文書中]]にない場合 * 歴史 [11] はじめ、 [[Apple]] が [[Safari]] に (主として [[Dashboard]] のために) [CODE(HTMLe)@en[[[canvas]]]] を考案・実装しました。 -[140] [CITE[Surfin' Safari]], [TIME[2024-09-01T07:09:56.000Z]], [TIME[2010-01-25T02:30:47.271Z]] --[141] [CSECTION[Introducing the Canvas]], July 5, 2004, Posted at 12:16 PM [12] [[WHATWG]] の [[Web Applications 1.0]] 作業原案 ([[HTML 5]]) ははやくから [CODE(HTMLe)@en[[[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'' [[Apple]] が導入した [[HTML]] の拡張、 [CODE(HTMLe)[canvas]] 要素型などを通した、 HTML の拡張についての考察。 ([[名無しさん]] [WEAK[2004-08-23 06:30:29 +00:00]]) - [142] [CITE['''['''whatwg''']''' Re: Canvas tag]], [TIME[2024-08-20T17:41:27.000Z]], [TIME[2024-09-01T07:16:07.170Z]] -- [143] [CITE['''['''whatwg''']''' Re: Canvas tag]], [TIME[2024-08-20T17:41:27.000Z]], [TIME[2024-09-01T07:16:36.565Z]] -- [144] [CITE['''['''whatwg''']''' Re: Canvas tag]], [TIME[2024-08-20T17:41:27.000Z]], [TIME[2024-09-01T07:16:59.326Z]] -- [145] [CITE['''['''whatwg''']''' Canvas tag]], [TIME[2024-08-20T17:41:27.000Z]], [TIME[2024-09-01T07:18:46.576Z]] -- [146] [CITE['''['''whatwg''']''' Re: Canvas tag]], [[Ian Hickson]], Mon Aug 16 18:55:10 PDT 2004, [TIME[2024-08-20T17:41:27.000Z]], [TIME[2024-09-01T07:19:16.174Z]] -- [147] [CITE['''['''whatwg''']''' Re: Canvas tag]], [TIME[2024-08-20T17:41:27.000Z]], [TIME[2024-09-01T07:20:46.538Z]] [152] >>141, >>1, >>142 からのスレによると、 = [154] [TIME[2004-06-28]] - [TIME[2004-07-02]]の [[WWDC2004]] で情報解禁 = [153] [TIME[2004-07-05]]に [[Dave Hyatt]] (当時 [[Apple]] 社の [[WebKit]] チームメンバー (代表?)) が[[ブログ]]で [CODE[canvas]] のことを発表 = [155] >>153 が引き金で[[Web技術]]系[[ブロガー]]でちょっとした騒ぎに -- [156] [[第1次ブラウザー戦争]]の後遺症による[[炎上]]といったところか = [157] [[Apple]] が [[WWDC2004]] 資料として [[WebCore]] ソースコードを公開、 [CODE[canvas]] 関連も含まれる = [158] [[Dave Hyatt]] は >>154 資料(?)で情報公開したいと [[Apple]] 社内で掛け合ったが予算問題で却下される = [159] [TIME[2004-08-16]]、 [[Ian Hickson]] が >>157 と >>148 から [CODE[canvas]] を [CITE[WA1]] に追加 [148] >>146 によると既に [[Mozilla]] は実装済だったらしいけど、これは [[XUL]] だけの話なのか、それとも [[HTML]] にももう実装したのか。 でも仕様が不明瞭な状態で1ヶ月で追随というのは余りに短すぎる。 Hyatt が [[Apple]] に入る前に [[Gecko]] で [[XUL]] 用に実装していたってこと? [149] >>146 が参照しているファイルはかなり早い段階 (平成20年の前後数年くらい? ← 全然絞れてないな・・・) でなくなってしまった模様で今の Git リポジトリーでは発見できない。どうにか探す方法はありそうなものだけど今ちょっとわからない。 [151] でもファイル名的にたぶん [[XUL]] 用の実装だったというのはそうなのだろう。 [162] [[WebKit]] の当初の実装は [CODE[canvas]] を[[開始タグ]]のみで[[終了タグ]]不存在としていました [SRC[>>161]]。 [CITE[WA1]] の追加当時の版が現存しないのですが、 現存する最古の版、[TIME[2004-09-23]]の記載内容や[[メーリングリスト]]の投稿 (に何の記載もないこと) を鑑みると、 [CITE[WA1]] では当初から[[終了タグ]]が必須だった可能性が高そうです。 [FIG(data)[ [163] [[HTML要素概説]] :[F[要素名]]:[CODE[canvas]] :日付:[TIME[2004-07-05]] :説明: [TIME[2004-06-28]]から開催された [[Apple]] のイベント [[WWDC2004]] での新規公開情報に [CODE[canvas]] が含まれていた。 その後提供された [[Safari]] や [[Dashboardウィジェット]]で実装されていた。 現行仕様とは細部が異なる。 :出典: [REFS[ - [DFN[IntroCanvas]]: [CITE@en[Introducing the Canvas]], [DATA(.author)[[[Dave Hyatt]]]], [TIME(.published)[July 5, 2004, 12:16 PM][2004-07-05T21:16]], [TIME[2024-09-01T07:09:56.000Z]], [TIME[2010-01-25T02:30:47.271Z]] ]REFS] :注釈: - [164] [DFN[Dashboardウィジェット]] [[WebKit]] で動作する小型アプリケーションプログラム。 また、その実行環境。 ]FIG] [FIG(data)[ [139] [[HTML要素概説]] :[F[要素名]]:[CODE[canvas]] :日付:[TIME[2004-08-16]] :説明: [TIME[2004-08-16]]、 [CITE@en-GB-hixie[Web Applications 1.0]] に [CODE[canvas]] が追加された。 [SRC[>>166]] 現存最古は[TIME[2004-09-23]]版である。 [SRC[>>165]] 現行仕様である。 :出典: [REFS[ - [165] [CITE@en-GB-hixie[Web Applications 1.0]], [DATA(.author)[[[WHATWG]]]], [[Ian Hickson]], [DATA(.status)[[[Working Draft]]]], [TIME(.published)[23 September 2004][2004-09-23]], [TIME[2024-09-01T06:53:36.000Z]], [TIME[2004-10-09T15:04:52.113Z]] - [166] [DFN[CanvasTagHixie]]: [CITE@en[Re: Canvas tag]], [DATA(.author)[[[Ian Hickson]]]], [TIME(.published)[Mon Aug 16 18:55:10 PDT 2004][2004-08-16T18:55:10-07:00]], [TIME[2024-08-20T17:41:27.000Z]], [TIME[2024-09-01T07:19:16.174Z]] ]REFS] ]FIG] [2] [CITE[mozillaZine 日本語版 - mozillaZine 和訳]] [[Gecko]] が [CODE(HTMLe)[[[canvas]]]] を実装。 ([[名無しさん]] [WEAK[2005-04-23 01:01:00 +00:00]]) [3] [CITE[Evil Thoughts: Canvas and XUL]] ([[名無しさん]] [WEAK[2005-04-23 01:02:46 +00:00]]) [4] [CITE[Drawing Graphics with Canvas - Devmo Ja]] [CITE@en[Category:HTML:Canvas - MDC]] [7] [CITE[blogfour: support for IE]] ([[名無しさん]] [WEAK[2005-08-23 00:25:26 +00:00]]) [14] [CITE[ブラウザ上でお絵かき: Days on the Moon]] ([[名無しさん]] [WEAK[2005-11-18 13:28:02 +00:00]]) [15] [CITE[Bug 288714 - HTML canvas impl]] ([[名無しさん]]) [21] [CITE[Emil’s Chronicle » Canvas in IE]] [[HTC]]による実装。 ([[名無しさん]] [WEAK[2006-01-04 01:09:27 +00:00]]) [22] [CITE[Canvascape - 3D walker]] [[3D]][[迷路]]すげー ([[名無しさん]] [WEAK[2006-01-31 07:04:19 +00:00]]) [24] [CITE[canvas-developers : Canvas Developers]] ([[名無しさん]] [WEAK[2006-03-28 00:10:11 +00:00]]) [25] [CITE[Canvas:3D - MozillaWiki]] ([[名無しさん]] [WEAK[2006-03-28 00:11:18 +00:00]]) [26] [CITE[Canvas:Text - MozillaWiki]] ([[名無しさん]] [WEAK[2006-03-28 00:14:20 +00:00]]) [27] [CITE[XUL:Canvas Tag - MozillaWiki]] ([[名無しさん]]) [28] [CITE[Vladimir Vukićević » Canvas Future]] ([[名無しさん]] [WEAK[2006-03-28 00:17:12 +00:00]]) [29] [CITE[The 'Opera-2dgame' Canvas Context - Web Applications Blog - by Web Applications]] ([[名無しさん]] [WEAK[2006-03-31 02:15:54 +00:00]]) [30] [CITE[ExplorerCanvas]] ([[名無しさん]] [WEAK[2006-05-27 03:52:48 +00:00]]) [31] [CITE[Canvas tutorial - MDC]] ([[名無しさん]] [WEAK[2006-05-27 03:53:13 +00:00]]) [32] [CITE[SVG & Canvas: Graphics for the Web]] ([[名無しさん]] [WEAK[2006-05-27 03:53:32 +00:00]]) [33] [CITE[Taken SPC : カテゴリー : canvas]] ([[名無しさん]]) [34] [CITE[SourceForge.jp: Project Info - WebGL]] ([[名無しさん]]) [35] [CITE[Taken SPC : canvas 要素のサンプル]] ([[名無しさん]]) [36] [CITE[Canvas shell]] ([[名無しさん]]) [37] [CITE[Canvex - canvas-based FPS game]] ([[名無しさん]]) [38] [CITE[Paintr 2.1 Beta]] ([[名無しさん]] [WEAK[2006-08-29 23:31:25 +00:00]]) [39] [CITE[Taken SPC : Mozilla が canvas3d を実装]] ([[名無しさん]] [WEAK[2006-09-10 03:51:46 +00:00]]) [40] [CITE[Perf-o-matic]] ([[名無しさん]] [WEAK[2006-09-25 23:25:53 +00:00]]) [41] [CITE[New Canvas Script]] ([[名無しさん]] [WEAK[2006-10-01 00:33:32 +00:00]]) [44] [CITE[Graraph - mz.skr.jp]] ([[名無しさん]]) [45] [CITE[Rhino Canvas]] ([[名無しさん]] [WEAK[2006-11-14 00:07:56 +00:00]]) [46] [CITE[Rhino Canvas]] ([[名無しさん]] [WEAK[2006-11-14 00:09:07 +00:00]]) [48] [CITE@ja[Bug 5522 - '''['''canvas''']'''transform, setTransform の実装]] ([CODE[2007-02-05 08:56:08 +09:00]] 版) ([[名無しさん]] [WEAK[2007-02-04 23:59:39 +00:00]]) [49] [CITE[Bug 365886 – Implement canvas transform() and setTransform()]] ([CODE[2007-02-05 08:58:17 +09:00]] 版) ([[名無しさん]] [WEAK[2007-02-05 00:00:54 +00:00]]) [50] [CITE[Bug 365886 – Implement canvas transform() and setTransform()]] ([CODE[2007-02-05 08:58:17 +09:00]] 版) ([[名無しさん]] [WEAK[2007-02-05 00:01:15 +00:00]]) [51] [CITE[X3D Community Blog: 3D capable HTML Tag by Opera & Mozilla]] ([CODE[2007-02-10 18:45:10 +09:00]] 版) ([[名無しさん]]) [52] [CITE[canvas 3D - Anne’s Weblog]] ([CODE[2006-05-21 17:08:54 +09:00]] 版) ([[名無しさん]]) [53] [CITE@en[Vector graphic animation with JavaScript | ara pehlivanian—Web Standards, Web Culture, Web Everything.™]] ([CODE[2007-02-24 16:11:17 +09:00]] 版) ([[名無しさん]] [WEAK[2007-02-24 07:12:26 +00:00]]) [54] [CITE@ja[地図とHTML Canvas - Torisugari の日記]] ([CODE[2007-03-07 13:38:22 +09:00]] 版) ([[名無しさん]] [WEAK[2007-03-07 12:23:07 +00:00]]) [56] [CITE[A blog? with Σαιτω - CANVAS - Apple が特許を主張]] ([CODE[2007-03-16 15:17:30 +09:00]] 版) ([[名無しさん]] [WEAK[2007-03-16 08:58:21 +00:00]]) [57] [CITE@en[I see a shitstorm coming - Arve Bersvendsen]] ([CODE[2007-03-16 07:58:13 +09:00]] 版) ([[名無しさん]] [WEAK[2007-03-16 09:04:31 +00:00]]) [58] [CITE@en[I see a shitstorm coming - Arve Bersvendsen]] ([CODE[2007-03-16 07:58:13 +09:00]] 版) ([[名無しさん]] [WEAK[2007-03-16 09:10:17 +00:00]]) [59] [CITE@en[I see a shitstorm coming - Arve Bersvendsen]] ([CODE[2007-03-16 07:58:13 +09:00]] 版) ([[名無しさん]] [WEAK[2007-03-16 09:12:09 +00:00]]) [60] [CITE@ja[【レポート】JavaScript + Canvasでレイトレを! - "Flog.RayTracer Canvas"の使い心地 (MYCOMジャーナル)]] ([CODE[2007-03-21 12:27:55 +09:00]] 版) ([[名無しさん]] [WEAK[2007-03-21 03:29:29 +00:00]]) [61] [CITE[A blog? with Σαιτω - canvas のデモ]] ([CODE[2007-03-21 01:22:01 +09:00]] 版) ([[名無しさん]]) [62] [CITE[Canvas Raytracer @ Flog]] ([CODE[2007-03-11 17:55:54 +09:00]] 版) ([[名無しさん]]) [63] [CITE@ja[【レポート】Canvas 3D Renderer & 3D WalkerでHTML Canvasの実力を知る (MYCOMジャーナル)]] ([CODE[2007-03-21 12:29:14 +09:00]] 版) ([[名無しさん]]) [64] [CITE[Canvas tests - index]] ([CODE[2007-03-26 07:06:38 +09:00]] 版) ([[名無しさん]] [WEAK[2007-03-28 07:04:07 +00:00]]) [65] [CITE[Latest topics > 多数のHTML Canvasを使用する時の、反応速度向上テクニック - outsider reflex]] ([[Piro(SHIMODA Hiroshi)]] 著, [CODE[2007-04-04 08:43:36 +09:00]] 版) ([[名無しさん]] [WEAK[2007-04-03 23:46:42 +00:00]]) [66] [CITE[Racing]] ([CODE[2007-02-27 12:26:31 +09:00]] 版) ([[名無しさん]] [WEAK[2007-04-12 12:56:42 +00:00]]) [67] [CITE[canvas-developers : Message: Re: Apple is asserting it's IP rights over canvas - what does that mean for canv]] ([CODE[2007-04-14 10:10:04 +09:00]] 版) ([[名無しさん]] [WEAK[2007-04-14 01:12:47 +00:00]]) [68] [CITE@en[canvas Support in Opera]] ([CODE[2007-05-01 10:47:19 +09:00]] 版) ([[名無しさん]] [WEAK[2007-05-01 02:01:58 +00:00]]) [69] [CITE[ExplorerCanvas]] ([CODE[2006-03-31 09:37:29 +09:00]] 版) ([[名無しさん]] [WEAK[2007-05-05 23:29:46 +00:00]]) [70] [CITE@ja[グラフを描く(canvas編)]] ([CODE[2007-05-05 22:18:48 +09:00]] 版) ([[名無しさん]] [WEAK[2007-05-05 23:30:39 +00:00]]) [71] [CITE@en[PlotKit - Javascript Chart Plotting | liquidx]] ([CODE[2007-05-07 20:26:05 +09:00]] 版) ([[名無しさん]] [WEAK[2007-05-07 11:33:48 +00:00]]) [73] [CITE@en[CanvasPaint]] ([CODE[2007-05-12 19:23:02 +09:00]] 版) ([[名無しさん]]) [74] [CITE@ja[Taken SPC : canvas で描画を save/resotre する]] ([CODE[2007-06-02 22:14:44 +09:00]] 版) ([[名無しさん]] [WEAK[2007-06-02 13:16:28 +00:00]]) [75] [CITE@ja[Taken SPC : canvas でドロップシャドウ]] ([CODE[2007-06-24 16:01:11 +09:00]] 版) ([[名無しさん]] [WEAK[2007-06-24 07:03:51 +00:00]]) [76] [[三次元図形]]への対応は2007年頃から検討されはじめ、実験的な実装を経て [[WebGL]] となりました。 ;; [[WebGL]] の項を参照。 [77] [CITE[public-canvas-api@w3.org Mail Archives]] ([CODE[2008-03-12 12:36:01 +09:00]] 版) ([[名無しさん]]) [78] [CITE[Usemap and ismap for canvas tag]] ([[Greg Houston ]] 著, [CODE[2008-03-03 22:54:14 +09:00]] 版) ([[名無しさん]]) [79] いつのまにか、[[HTML 5]] の [CODE(HTMLe)@en[[[canvas]]]] [[要素]]の[[章]]の状態が最高の [Q@en[Implemented and widely deployed]] になってます。 (各 [[API]] の[[節]]にも個別に状態が設定されています。) ([[名無しさん]]) [81] [CITE[Timepedia Chronoscope]] ([CODE[2008-09-13 14:10:54 +09:00]] 版) ([[名無しさん]]) [82] [CITE@ja[HTML Canvasの3D対応への道を探る:CodeZine]] ([CODE[2008-10-24 20:40:02 +09:00]] 版) [301] [CITE[Canvas Tutorial - Introduction]] ([TIME[2008-11-26 06:21:48 +09:00]] 版) [47] [CITE@ja[JavaScriptで図形を描くHTML要素「Canvas」の実例 - GIGAZINE]] ([CODE[2007-01-13 01:27:39 +09:00]] 版) ([[名無しさん]] [WEAK[2007-01-12 17:02:04 +00:00]]) [72] [CITE[]] ([CODE[2005-05-25 19:04:44 +09:00]] 版) [CODE(HTMLe)@en[[[canvas]]]] を使わないこれもこれですごい。 ([[名無しさん]]) [80] [CITE@en[Mootools Mocha UI]] ([CODE[2008-06-17 07:07:03 +09:00]] 版) [302] [CITE[気がついたらドット打ってた。 - uupaaの開発日記]] ([TIME[2008-12-27 13:39:28 +09:00]] 版) [304] [CITE[Silverlight で HTML5::Canvas を実装した - uupaaの開発日記]] ([TIME[2008-12-27 14:53:09 +09:00]] 版) [303] [CITE[excanvas.js にさようなら。 - uupaaの開発日記]] ([TIME[2008-12-27 13:40:07 +09:00]] 版) [305] [CITE['''['''Think IT''']''' 第2回:HTML 5+JavaScriptでCanvasアプリを作る (1/3)]] ([TIME[2009-01-13 14:18:36 +09:00]] 版) 情報が古いので注意。 [306] [CITE@en[Canvas]] ([TIME[2009-01-17 17:53:01 +09:00]] 版) デバッグ用。 [307] [CITE@ja[スラッシュドット・ジャパン | Mozillaプロジェクト、IE向けのCanvasプラグインを開発中]] ([TIME[2009-01-27 20:49:49 +09:00]] 版) [308] [CITE@en-us[Firefox 3.1 for developers - MDC]] ([TIME[2009-02-08 18:25:06 +09:00]] 版) > :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] [CITE[2009-02-11 - 最速チュパカブラ研究会]] ([TIME[2009-02-17 10:44:07 +09:00]] 版) [310] [CITE@en[ISSUE-15 immediate-mode-graphics proposal carries over objections]] ([[Dan Connolly]] 著, [TIME[2007-12-07 07:06:09 +09:00]] 版) [311] [CITE[Opera で HTML5::Canvas の fillText() をサポートできないかな - latest log]] ([TIME[2009-05-02 17:25:49 +09:00]] 版) [313] [CITE[スクショ拡張と Canvas でお絵かきツール実装したよという話 - 8時40分が超えられない - subtech]] ([TIME[2009-09-18 08:09:02 +09:00]] 版) [314] [CITE[Firefoxではcanvasとsvgの両方に対応していますが、なぜ両方とも実装されたのでしょうか。また、canvasとsvgを比較したときのそれぞれのメリットとデメリットを詳しく教え.. - 人力検索はてな]] ([TIME[2009-09-19 17:21:23 +09:00]] 版) [315] [CITE@en[(X)HTML5 Tracking]] ([TIME[2009-09-22 01:01:34 +09:00]] 版) [316] [CITE@en[The Canvas 2D API 1.0 Specification]] ([TIME[2009-08-18 02:04:06 +09:00]] 版) [317] [CITE[MicrosoftがHTML5からcanvas 2Dの仕様からの分離を提案。 - k3akinoriのWebデザインの日々日記]] ([TIME[2009-10-25 18:22:07 +09:00]] 版) [318] [CITE@en[Microsoft Wants to Separate the Canvas 2D API from HTML5 - Webmonkey]] ([[user generated]] 著, [TIME[2009-10-25 18:24:17 +09:00]] 版) [319] [CITE@en[Ajaxian » Microsoft to help move Canvas 2D API out of HTML5 spec?]] ([TIME[2009-10-25 18:24:13 +09:00]] 版) [320] [CITE@en[Separate Draft of Canvas API Uploaded to CVS]] ([[Doug Schepers]] 著, [TIME[2009-08-18 02:49:20 +09:00]] 版) [321] [CITE@en[Re: Separate Draft of Canvas API Uploaded to CVS]] ([[Maciej Stachowiak]] 著, [TIME[2009-08-18 06:28:14 +09:00]] 版) [322] [CITE@en[Normative Dependency and the Seven Drafts (was: Canvas API Editors)]] ([[Doug Schepers]] 著, [TIME[2009-08-18 12:46:37 +09:00]] 版) [323] [CITE@en[Minutes: HTML Canvas Accessibility Meeting August 21, 2009]] ([[Richard Schwerdtfeger]] 著, [TIME[2009-08-22 04:51:02 +09:00]] 版) [324] [CITE@en[Minutes: Canvas Accessibility Call August 28, 2009]] ([[Richard Schwerdtfeger]] 著, [TIME[2009-08-29 03:53:05 +09:00]] 版) [325] [CITE@en[Re: Canvas 2D API specification update - defining the element or not]] ([[Maciej Stachowiak]] 著, [TIME[2009-10-22 07:25:16 +09:00]] 版) [326] [CITE@en[Re: Canvas 2D API specification update - defining the element or not]] ([[Philip Taylor]] 著, [TIME[2009-10-23 21:55:20 +09:00]] 版) [327] [CITE@en[Re: Canvas 2D API specification update - defining the element or not]] ([[Shelley Powers]] 著, [TIME[2009-10-24 00:15:27 +09:00]] 版) >The additional work to ensure the split happens cleanly probably won't take more (as has been estimated) 8-10 hours. こいつなめまくってるなwwwwwwwwwwwwwwwwwwwwwwwwwwww [328] [CITE@en[RE: Canvas 2D API specification update - defining the element or not]] ([[Adrian Bateman]] 著, [TIME[2009-10-23 04:58:55 +09:00]] 版) [329] [CITE@en[RE: Canvas 2D API specification update - defining the element or not]] ([[Adrian Bateman]] 著, [TIME[2009-10-22 05:05:01 +09:00]] 版) [330] [CITE@en[ and the 2D context API (was RE: Begin discussions for pushing Last Call into 2010)]] ([[Adrian Bateman]] 著, [TIME[2009-08-13 09:09:56 +09:00]] 版) [331] [CITE@en[The Canvas 2D API 1.0 Specification]] ([TIME[2009-08-17 16:08:27 +09:00]] 版) [332] [CITE@en[The Canvas 2D API 1.0 Specification]] ([TIME[2009-10-22 06:27:06 +09:00]] 版) [333] [CITE@ja[マイクロソフトがHTML5仕様からCanvas要素を外すように提案、しかし一刀両断に... - Publickey]] ([TIME[2009-10-27 22:29:10 +09:00]] 版) [334] [CITE@en[Re: Canvas 2D API specification update]] ([[Ian Hickson]] 著, [TIME[2009-10-22 17:25:17 +09:00]] 版) [335] [CITE@en[Re: Canvas 2D API specification update]] ([[Maciej Stachowiak]] 著, [TIME[2009-10-22 07:52:26 +09:00]] 版) [336] [CITE@en[Separate Draft of Canvas API Uploaded to CVS]] ([[Doug Schepers]] 著, [TIME[2009-08-18 02:49:20 +09:00]] 版) [337] [CITE[IRC logs: freenode / #whatwg / 20091024]] ([TIME[2009-12-13 10:08:59 +09:00]] 版) [338] [CITE@en[(X)HTML5 Tracking]] ([TIME[2010-01-05 15:47:52 +09:00]] 版) [339] [CITE@en[(X)HTML5 Tracking]] ([TIME[2010-01-09 14:11:10 +09:00]] 版) [340] [CITE@en-US-x-Hixie[HTML5 2D Context]] ([TIME[2010-01-09 10:10:49 +09:00]] 版) [341] [CITE[IRC logs: freenode / #whatwg / 20100503]] ([TIME[2010-05-31 06:35:58 +09:00]] 版) [342] [CITE@en[HTML Accessibility Task Force Teleconference -- 03 May 2010]] ([TIME[2010-05-04 04:31:21 +09:00]] 版) [343] [CITE[IRC logs: freenode / #whatwg / 20100715]] ([TIME[2010-08-03 08:03:40 +09:00]] 版) [101] 2010年8月には、それまで [[WHATWG Wiki]] [SRC[>>85]] を参照する形になっていた[[レンダリング文脈]] ([CODE(DOMm)@en[[[getContext]]]] [[メソッド]]の[[引数]]) を、挙動をより厳密に規定するため [[HTML5]] 本体で直接定義する形に改めました [SRC[>>84]]。 [103] なお [[W3C]] [[HTML 5.0]] はすぐには追随しませんでした [SRC[>>85]] が、 結局は [[WHATWG]] 版と同じ形になっています [SRC[>>102]]。しかし [[WHATWG]] 版をそのまま採用せず独自に編集しているためか、[[参考]]として古い [[WHATWG Wiki]] のページへのリンクが [[W3C勧告]]版に至ってもなお残っています [SRC[>>102]]。 ;; [104] [[W3C]] ではよくあることなので、深く気にすることではなさそうです。 [REFS[ - [84] [CITE@en[Web Applications 1.0 r5227 Redefine getContext() so that the handling of multple context types is defined.]] ([TIME[2010-08-03 07:16:00 +09:00]] 版) - [85] [CITE@en[CanvasContexts - WHATWG Wiki]] ([TIME[2010-08-03 07:03:28 +09:00]] 版) - [102] [CITE@en-US-x-Hixie[HTML5]] ([TIME[2014-10-25 01:15:24 +09:00]] 版) ]REFS] [344] [CITE['''['''whatwg''']''' Canvas feedback (various threads)]] ([TIME[2010-08-12 07:52:32 +09:00]] 版) [345] [CITE@en-US-x-Hixie[HTML Canvas 2D Context]] ( ([TIME[2010-10-20 12:15:06 +09:00]] 版)) [346] [CITE['''['''whatwg''']''' Canvas feedback (various threads)]] ([TIME[2010-11-16 17:09:14 +09:00]] 版) [347] [CITE[''''''[''''''whatwg'''''']'''''' Attitude and Direction of the WHATWG]] ( ([TIME[2010-11-27 20:19:46 +09:00]] 版)) [348] [CITE[スマートフォンのcanvasタグのバグのまとめ - yukobaのブログ]] ([TIME[2010-12-12 13:14:54 +09:00]] 版) [349] [CITE@en-US-x-Hixie[HTML Canvas 2D Context]] ( ([TIME[2011-01-15 03:48:13 +09:00]] 版)) [350] [CITE[The whatwg April 2005 Archive by thread]] ( ([TIME[2011-01-19 23:27:11 +09:00]] 版)) [351] [CITE[CANVAS element in Mozilla — Anne’s Blog]] ( ([TIME[2011-01-19 23:54:29 +09:00]] 版)) [352] [CITE@en[Web Applications 1.0 r5873 Make sure cross-origin fonts can't leak data via .]] ( ([TIME[2011-02-11 10:48:00 +09:00]] 版)) [353] [CITE[''''''[''''''whatwg'''''']'''''' Canvas feedback (various threads)]] ( ([TIME[2011-02-11 11:31:59 +09:00]] 版)) [354] [CITE@en-US-x-Hixie[HTML Canvas 2D Context]] ( ([TIME[2011-04-06 00:16:27 +09:00]] 版)) [355] [CITE@en[Bug 11239 proposed patch]] ( ([[Ian Hickson]] 著, [TIME[2011-04-28 12:26:21 +09:00]] 版)) [356] [CITE@en-US-x-Hixie[HTML Canvas 2D Context]] ( ([TIME[2011-05-26 05:55:12 +09:00]] 版)) [357] [CITE@en[Web Applications 1.0 r6201 apply chair revert request]] ( ([TIME[2011-06-09 15:57:00 +09:00]] 版)) [358] [CITE[Introduction – SVG 1.1 (Second Edition)]] ( ([TIME[2011-08-10 12:35:27 +09:00]] 版)) [359] [CITE[IRC logs: freenode / #whatwg / 20111112]] ( ([TIME[2011-11-14 08:18:03 +09:00]] 版)) [360] [CITE[IRC logs: freenode / #whatwg / 20111208]] ( ([TIME[2011-12-10 00:35:44 +09:00]] 版)) [361] [CITE[''''''[''''''whatwg'''''']'''''' Canvas ScrollBar]] ( ([TIME[2012-01-28 11:22:18 +09:00]] 版)) [362] [CITE@en[Web Applications 1.0 r7011 Update notes in canvas source regarding upcoming new features.]] ( ([TIME[2012-03-01 08:39:00 +09:00]] 版)) [363] [CITE@en[Canvas - WHATWG Wiki]] ( ([TIME[2012-03-03 08:48:23 +09:00]] 版)) [364] [CITE[IRC logs: freenode / #whatwg / 20120228]] ( ([TIME[2012-03-08 00:01:17 +09:00]] 版)) [365] [CITE[IRC logs: freenode / #whatwg / 20120301]] ( ([TIME[2012-03-08 21:48:13 +09:00]] 版)) [366] [CITE@en[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...]] ( ([TIME[2012-03-10 08:58:00 +09:00]] 版)) [367] [CITE@en[Web Applications 1.0 r7024 Make it possible to draw Path primitives to the canvas.]] ( ([TIME[2012-03-10 09:31:00 +09:00]] 版)) [368] [CITE[IRC logs: freenode / #whatwg / 20120306]] ( ([TIME[2012-03-11 20:49:03 +09:00]] 版)) [369] [CITE@en[Web Applications 1.0 r7025 Add ellipse support to canvas.]] ( ([TIME[2012-03-14 04:33:00 +09:00]] 版)) [370] [CITE@en[Web Applications 1.0 r7026 Add SVG paths to Path objects in canvas.]] ( ([TIME[2012-03-14 07:46:00 +09:00]] 版)) [371] [CITE@en[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]] ( ([TIME[2012-03-20 07:29:00 +09:00]] 版)) [372] [CITE[IRC logs: freenode / #whatwg / 20120314]] ( ([TIME[2012-03-18 01:33:50 +09:00]] 版)) [373] [CITE[IRC logs: freenode / #whatwg / 20120315]] ( ([TIME[2012-03-21 08:57:20 +09:00]] 版)) [374] [CITE@en[Web Applications 1.0 r7029 Make it easier to do hit testing on canvas]] ( ([TIME[2012-03-26 14:11:00 +09:00]] 版)) [375] [CITE@en[Web Applications 1.0 r7030 Pattern transforms, first draft]] ( ([TIME[2012-03-27 07:57:00 +09:00]] 版)) [376] [CITE[''''''[''''''whatwg'''''']'''''' Canvas v5 API additions]] ( ([TIME[2012-03-29 07:54:46 +09:00]] 版)) [377] [CITE@en-US-x-Hixie[HTML Canvas 2D Context]] ( ([TIME[2012-03-30 02:48:04 +09:00]] 版)) [378] [CITE[IRC logs: freenode / #whatwg / 20120328]] ( ([TIME[2012-04-09 21:56:14 +09:00]] 版)) [379] [CITE[IRC logs: freenode / #whatwg / 20120328]] ( ([TIME[2012-04-09 21:56:14 +09:00]] 版)) [380] [CITE[''''''[''''''whatwg'''''']'''''' Canvas v5 API additions]] ( ([TIME[2012-06-23 08:56:39 +09:00]] 版)) [381] [CITE@en[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.]] ( ([TIME[2012-07-17 16:45:00 +09:00]] 版)) [382] [CITE@en[Editorial team for Canvas 2D Context]] ( ([[Paul Cotton]] 著, [TIME[2012-08-03 02:28:48 +09:00]] 版)) [383] [CITE[''''''[''''''whatwg'''''']'''''' Canvas roundedRect]] ( ([TIME[2012-09-04 00:08:43 +09:00]] 版)) [384] [CITE[''''''[''''''whatwg'''''']'''''' and high-density displays]] ( ([TIME[2012-09-25 00:42:04 +09:00]] 版)) [385] [CITE[''''''[''''''whatwg'''''']'''''' Blending, filtering]] ( ([TIME[2012-09-26 06:11:22 +09:00]] 版)) [386] [CITE[IRC logs: freenode / #whatwg / 20120925]] ( ([TIME[2012-09-29 18:41:27 +09:00]] 版)) [387] [CITE@en-US-x-Hixie[HTML Canvas 2D Context]] ( ([TIME[2012-10-25 03:34:00 +09:00]] 版)) [388] [CITE[''''''[''''''whatwg'''''']'''''' Canvas in Workers]] ( ([TIME[2012-11-17 11:03:16 +09:00]] 版)) [389] [CITE@en[Web Applications 1.0 r7509 First draft of a way to do canvas in workers.]] ( ([TIME[2012-11-17 05:26:00 +09:00]] 版)) [390] [CITE[''''''[''''''whatwg'''''']'''''' '''['''canvas''']''' inner shadows]] ( ([TIME[2012-11-24 08:38:45 +09:00]] 版)) [391] [CITE[''''''[''''''whatwg'''''']'''''' and high-density displays]] ( ([TIME[2012-11-24 08:04:14 +09:00]] 版)) [392] [CITE[IRC logs: freenode / #whatwg / 20121106]] ( ([TIME[2012-11-25 00:23:33 +09:00]] 版)) [393] [CITE@en-US-x-Hixie[HTML Canvas 2D Context]] ( ([TIME[2012-11-02 22:15:54 +09:00]] 版)) [394] [CITE[''''''[''''''whatwg'''''']'''''' Canvas-related feedback]] ( ([TIME[2012-12-18 05:57:51 +09:00]] 版)) [395] [CITE@en-US-x-Hixie[HTML Canvas 2D Context]] ( ([TIME[2012-12-13 00:03:03 +09:00]] 版)) [396] [CITE@en-US-x-Hixie[HTML Canvas 2D Context, Level 2]] ( ([TIME[2012-12-15 06:34:31 +09:00]] 版)) [397] [CITE[''''''[''''''whatwg'''''']'''''' Proposal: Add CanvasRenderingContext2D.fillRule with "nonzero" (default) and "evenodd" options]] ( ([TIME[2013-01-04 09:44:11 +09:00]] 版)) [398] [CITE[''''''[''''''whatwg'''''']'''''' Canvas in Workers]] ( ([TIME[2013-01-08 19:30:37 +09:00]] 版)) [399] [CITE@en[Web Applications 1.0 r7853 Try to match reality, and adapt not-yet-implemented features to match.]] ( ([TIME[2013-04-26 09:23:00 +09:00]] 版)) [400] [CITE@en-US-x-Hixie[HTML Canvas 2D Context, Level 2]] ( ([TIME[2013-06-04 19:48:08 +09:00]] 版)) [401] [CITE[''''''[''''''whatwg'''''']'''''' Adding 2D Canvas features (Was: Grouping in canvas 2d)]] ( ([TIME[2013-06-15 02:42:44 +09:00]] 版)) [402] [CITE[''''''[''''''whatwg'''''']'''''' Enabling LCD Text and antialiasing in canvas]] ( ([TIME[2013-07-16 22:41:49 +09:00]] 版)) [403] [CITE[IRC logs: freenode / #whatwg / 20130718]] ( ([TIME[2013-07-20 20:33:23 +09:00]] 版)) [404] [CITE[''''''[''''''whatwg'''''']'''''' High-density canvases]] ( ([TIME[2013-09-10 00:07:53 +09:00]] 版)) [405] [CITE[IRC logs: freenode / #whatwg / 20130930]] ( ([TIME[2013-10-02 09:02:45 +09:00]] 版)) [406] [CITE[IRC logs: freenode / #whatwg / 20130930]] ( ([TIME[2013-10-02 09:02:45 +09:00]] 版)) [407] [CITE@en[Bug 23515 – : opaque backing stores]] ( ([TIME[2013-10-14 22:59:01 +09:00]] 版)) [408] [CITE@en[Bug 23514 – Manual memory management for image assets used in canvas games]] ( ([TIME[2013-10-14 22:59:18 +09:00]] 版)) [409] [CITE@en[Bug 23510 – : Allow EXIF data to be passed to toBlob()]] ( ([TIME[2013-10-14 22:59:28 +09:00]] 版)) [410] [CITE@en[Bug 23516 – : controlling whether text is anti-aliased]] ( ([TIME[2013-10-14 22:59:59 +09:00]] 版)) [411] [CITE@en[Canvas Context Loss and Restoration - WHATWG Wiki]] ( ([TIME[2013-10-21 15:37:18 +09:00]] 版)) [412] [CITE@en-US-x-Hixie[HTML Canvas 2D Context, Level 2]] ( ([TIME[2013-10-30 01:02:02 +09:00]] 版)) [413] [CITE@en[709490 – Run WebGL on Web Worker with Off-Main-Thread-Compositing]] ( ([TIME[2013-11-26 21:08:28 +09:00]] 版)) [414] [CITE[''''''[''''''whatwg'''''']'''''' hit regions: limited set of elements for fallback content]] ( ([TIME[2014-02-18 21:44:10 +09:00]] 版)) [415] [CITE[IRC logs: freenode / #whatwg / 20140312]] ( ([TIME[2014-03-13 21:49:14 +09:00]] 版)) [417] ( ([TIME[2014-04-11 22:37:43 +09:00]] 版)) [86] [CITE[''''''[''''''whatwg'''''']'''''' Canvas.getContext error handling]] ( ([TIME[2011-04-13 08:37:48 +09:00]] 版)) [87] [CITE[IRC logs: freenode / #whatwg / 20110413]] ( ([TIME[2011-04-16 20:17:13 +09:00]] 版)) [88] [CITE['''['''whatwg''']''' Canvas.getContext error handling]] ([TIME[2011-05-13 13:47:03 +09:00]] 版) [89] [CITE@en[Web Applications 1.0 r6130 Mention the case of getContext('webgl') returning null due to hardware limitations.]] ( ([TIME[2011-05-12 15:58:00 +09:00]] 版)) [90] [CITE[IRC logs: freenode / #whatwg / 20121110]] ( ([TIME[2012-11-28 01:01:44 +09:00]] 版)) [91] [CITE[Well, I'm Back: The Canvas getContext() Mistake]] ( ([TIME[2014-08-18 23:06:08 +09:00]] 版)) [92] [CITE@en[Web Applications 1.0 r8755 Define getContext('2d', {alpha:false}).]] ( ([TIME[2014-09-09 07:53:00 +09:00]] 版)) * メモ [18] '''他に適当な要素型がないか''' 他に適当な[[要素型]]があるときに[CODE(HTMLe)@en[[[canbas]]]]を使うのは不適切です。例えば、[[見出し]]を凝った装飾付き文字にしたい時は、[CODE(HTMLe)@en[[[h1]]]]で[[マーク付け]]し、装飾は[[CSS]]と[[XBL]]で行うべきです。 [5] '''[CODE(HTMLe)@en[canvas]] vs SVG''' , ,[CODE(HTMLe)@en[canvas]] ([CODE(HTML)@en[[[2d]]]]) ,[[SVG]] ,記述方法 ,[[スクリプト]]で[[手続き的]] ,[[XML]] で[[宣言的]] ,文字列の描画 ,× ,○ ,動的な変更 ,○ ([[スクリプト]]) ,"○ ([[スクリプト]], [[アニメーション]])" ,描画の [[DOM]] への反映 ,× ,○ ,[[CSS]] ,× ,○ ,[[HTML]] に埋込み ,○ ([CODE(HTMLe)@en[canvas]] + [CODE(HTMLe)@en[[[script]]]]) ,× ,[[XHTML]] に埋込み ,○ ([CODE(HTMLe)@en[canvas]] + [CODE(HTMLe)@en[[[script]]]]) ,○ ([CODE(XMLe)@en[[[svg]]]]) ,[[HTML]] から参照 ,○ ([CODE(HTMLe)@en[canvas]] + [CODE(HTMLe)@en[[[script]]]] [CODE(HTMLa)@en[[[src]]]]) ,○ ([CODE(HTMLe)@en[[[object]]]]) ,[[XHTML]] から参照 ,○ ([CODE(HTMLe)@en[canvas]] + [CODE(HTMLe)@en[[[script]]]] [CODE(HTMLa)@en[[[src]]]]) ,○ ([CODE(HTMLe)@en[[[object]]]]) ,[[ラスタ画像]]データに変換 ,○ ([CODE(DOMm)@en[[[toDataURL]]]]) ,△ ,標準化団体 ,[[WHATWG]] ,[[W3C]] [[SVG WG]] ,[[Mozilla Firefox]] ,1.5 Alpha 2 以降 ,1.5 Alpha 2 以降 (一部のみ) ,[[Safari]] ,○ ,○ ,[[Opera]] ,9.0 Preview 1 以降 ,8 以降 ([[SVG Tiny]]) ,[[携帯電話]] ,× ,○ ([[SVG Tiny]]) [23] [[SVG]]より[CODE(HTMLa)@en[[[canvas]]]]の方がよさそうなもの: - [[手書き入力]]の描画部 - [[モンテカルロ法]]の図示 - [[速度]]が求められる[[ゲーム]] [55] [CITE[Christian Simms’s Weblog » Blog Archive » SVG vs. Canvas: Tastes Great, or Less Filling?]] ([CODE[2007-03-15 09:20:22 +09:00]] 版) [83] [CITE@en[60fps on the mobile web — Flipboard Engineering]] ([TIME[2015-02-12 04:35:50 +09:00]] 版) [105] [CITE@en[Re: ''''''[''''''whatwg'''''']'''''' Canvas image to blob/dataurl within Worker]] ([[Kenneth Russell]] 著, [TIME[2015-04-08 08:41:01 +09:00]] 版) [106] [CITE@en[''''''[''''''embedded'''''']'''''' As discussed during the Paris F2F, rewrite the use of HTML5 · w3c/svgwg@bda84ee]] ([TIME[2015-09-02 11:23:17 +09:00]] 版) [107] [CITE@en[Fix #345: Remove table sorting model · whatwg/html@59b7e24]] ([TIME[2016-01-29 23:29:27 +09:00]] 版) [108] [CITE@en[Add new canvas rendering context: ImageBitmapRenderingContext · whatwg/html@4c59797]] ([TIME[2016-04-13 15:01:58 +09:00]] 版) [109] [CITE@en[ hit region API]] ([[Anne van Kesteren]] 著, [TIME[2016-04-18 23:24:05 +09:00]] 版) [110] [CITE@en[Remove old-fashioned vendor-specific extension advice]] ([[annevk]]著, [TIME[2016-10-13 02:28:15 +09:00]]) [111] [CITE@en[Remove canvas element's hit region feature (for now)]] ([[annevk]]著, [TIME[2016-10-21 18:01:07 +09:00]]) [112] [CITE@en[Add the OffscreenCanvas interface and 2D context]] ([[junov]]著, [TIME[2016-11-17 01:15:18 +09:00]]) [113] [CITE@en[23510 – : Allow EXIF data to be passed to toBlob()]] ([TIME[2017-07-23 13:18:59 +09:00]]) [114] [CITE@en[11399 – : Locking individual color channels (e.g. drawing to alpha only)]] ([TIME[2017-07-23 13:29:13 +09:00]]) [115] [CITE@en[22698 – : API to make prettier when printing]] ([TIME[2017-07-23 14:20:38 +09:00]]) [116] [CITE@en[Throw when resizing OffscreenCanvas placeholder]] ([[junov]]著, [TIME[2017-09-21 21:11:32 +09:00]]) [118] [CITE@en['''['''OffscreenCanvas''']''' Throw when resizing placeholder by junov · Pull Request #2951 · whatwg/html]] ([TIME[2017-09-22 11:19:55 +09:00]]) [119] [CITE@en[updating mac canvas role to reflect reality]] ([[stevefaulkner]]著, [TIME[2017-12-07 23:33:12 +09:00]]) [120] [CITE@en[Perform "is not origin-clean" on ImageBitmap too]] ([[annevk]]著, [TIME[2018-01-13 00:15:51 +09:00]]) [121] [CITE@en["The image argument is not origin-clean" check allows tainted ImageBitmaps · Issue #3341 · whatwg/html]] ([TIME[2018-01-16 00:17:14 +09:00]]) [122] [CITE@en[Perform "is not origin-clean" on ImageBitmap too by annevk · Pull Request #3345 · whatwg/html]] ([TIME[2018-01-16 00:17:30 +09:00]]) [123] [CITE@en[Editorial: clarify "check the usability of the image argument"]] ([[annevk]]著, [TIME[2018-01-13 05:20:36 +09:00]]) [124] [CITE@en[Fix toBlob() and convertToBlob()]] ([[annevk]]著, [TIME[2018-01-25 16:10:41 +09:00]]) [125] [CITE@en[Throw when is not usable as image]] ([[annevk]]著, [TIME[2018-01-24 23:48:39 +09:00]]) [126] [CITE@en[Simplify getContext() and make it throw less]] ([[annevk]]著, [TIME[2018-01-26 17:09:51 +09:00]]) [127] [CITE@en[Throwing an exception when failed to convert the settings argument of HTMLCanvasElement.getContext to dictionary is not web compatible · Issue #595 · whatwg/html]] ([TIME[2018-01-27 17:04:02 +09:00]]) [128] [CITE@en[Make getContext() coercion throw less by annevk · Pull Request #3370 · whatwg/html]] ([TIME[2018-01-27 17:05:54 +09:00]]) [129] [CITE@en[Editorial: add a definition for canvas width/height numeric values]] ([[GloverDonovan]]著, [TIME[2018-02-22 05:41:43 +09:00]]) [130] [CITE@en[What happens when setting the canvas width/height to an invalid value? · Issue #2066 · whatwg/html]] ([TIME[2018-02-22 15:54:27 +09:00]]) [131] [CITE@en[Add cross-reference for obtaining numeric values by GloverDonovan · Pull Request #3475 · whatwg/html]] ([TIME[2018-02-22 15:55:55 +09:00]]) [132] [CITE@en[Integrate with WebGL 2.0 ("webgl2" context)]] ([[kenrussell]]著, [TIME[2018-08-30 16:11:29 +09:00]]) [133] [CITE@en[Changing getContext() slightly · Issue #2589 · KhronosGroup/WebGL]] ([TIME[2018-09-26 18:43:03 +09:00]]) [134] [CITE@en[Add references to WebGL 2.0 ("webgl2") context. by kenrussell · Pull Request #3971 · whatwg/html]] ([TIME[2018-09-26 18:44:43 +09:00]]) [135] [CITE@en[Add an optional desynchronized mode to 2D canvas]] ([[yellowdoge]]著, [TIME[2019-03-21 02:11:54 +09:00]]) [136] [CITE@en[Add lowLatency flag to CanvasRenderingContext2DSettings. by kenrussell · Pull Request #4234 · whatwg/html]] ([TIME[2019-07-24 20:34:59 +09:00]]) [137] [CITE@en[Add a low latency mode for 2D/3D Canvas contexts · Issue #4087 · whatwg/html]] ([TIME[2019-07-24 20:37:04 +09:00]]) [138] [CITE@en[Add lowLatency flag to CanvasRenderingContext2DSettings by yellowdoge · Pull Request #4360 · whatwg/html]] ([TIME[2019-07-24 20:37:44 +09:00]])