/
78.txt
94 lines (64 loc) · 4.19 KB
/
78.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
[1] [CODE(DOMi)@en[HTMLCanvasElement]] [[インターフェイス]]の
[CODE(DOMm)@en[[[toDataURL]]]] [[メソッド]]は、 [CODE(URI)@en[[[data:]]]]
[[URL]] による表現を返します。
* 画像形式
[16]
[[引数]]によって[[画像形式]]を指定できます。
[17]
省略された場合の[[既定値]]は [[PNG]] ([CODE(MIME)@en[image/png]])
です。 [[PNG]] 出力は、必ず[[実装]]しなければならないことになっています。
[18]
[[JPEG]] [[JFIF]] ([CODE(MIME)@en[image/jpeg]])
を指定することもできます。[[実装]]は必須とはなっていませんが、
多くの [[Webブラウザー]]は対応しています。
[19] [[写真]]を扱う [[Webアプリケーション]]が [[JPEG]]
と指定していることがあります。最悪 [[PNG]] でも良いのかもしれませんが、
[[JPEG]] の方が[[ファイルサイズ]]その他の都合は良さそうです。
* 歴史
[3] 元々 [[Hixie]] は [CODE(DOMa)@en[[[src]]]] [[IDL属性]]が [CODE(URI)@en[[[data:]]]]
[[URL]] を返す形で [[Web Applications 1.0]] に規定しましたが、 [[Bugzilla]]
での議論を踏まえて [CODE(DOMm)@en[[[toDataURL]]]] [[メソッド]]となりました。
[WEAK[(当初の [[Hixie]] の案では [CODE(DOMi)@en[[[HTMLCanvasElement]]]] は [CODE(DOMi)@en[[[HTMLImageElement]]]] を[[継承]]していました。今はしていません。)]]
[2] [CITE[Bug 291218 – Canvas .toDataURL() method (was: src attribute)]]
( ([TIME[2011-01-20 00:01:18 +09:00]] 版))
<https://bugzilla.mozilla.org/show_bug.cgi?id=291218>
[4] この議論を経て [[Gecko]] に実装されたのが2005年4月以降のことでした。
[5] ちょうど2005年3月に [CODE(HTML)@en[[[<input type=uri>]]]] が
[CODE(HTML)@en[[[<input type=url>]]]] に改名されています。それと関係あるのか無いのか、
>>2 では [[URI]] にしようという案は出ていません。
[7] [[Web Applications 1.0]] 仕様にはじめて入ったのは2005年4月21日版です。
;; <http://replay.waybackmachine.org/20050422013652/http://whatwg.org/specs/web-apps/current-work/#todataurl>
[6]
[[Android]] の [[Webブラウザー]]はなぜか常に [CODE(URI)@en[[[data:,]]]] を返します。
[[iPhone]] の [[Mobile Safari]] では問題ないので、 [[WebKit]]
の不具合ではなさそうです。 [TIME[2011-01-19T15:09:24.600Z]]
[8] >>6 は [[Android]] 版のブラウザが古い [[WebKit]] から派生しているためらしいです。
[9] [[ニンテンドー3DS]] の[[インターネットブラウザー]]でも正しく動作しない模様です。
[FIG(quote)[
[FIGCAPTION[
[10] [CITE@en-US[HTMLCanvasElement.toDataURL() - Web API Interfaces | MDN]]
([TIME[2015-06-21 09:00:07 +09:00]] 版)
<https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toDataURL>
]FIGCAPTION]
> Chrome also supports the image/webp type.
]FIG]
[11] [CITE[Issue 170565 - chromium - ''''''[''''''Canvas'''''']'''''' toDataURL does not export WEBP with alpha channel - An open-source project to help move the web forward. - Google Project Hosting]]
([TIME[2015-06-24 00:57:24 +09:00]] 版)
<https://code.google.com/p/chromium/issues/detail?id=170565>
[FIG(quote)[
[FIGCAPTION[
[12] [CITE@en[Safari 4.0]]
([TIME[2015-11-04 22:55:25 +09:00]] 版)
<https://developer.apple.com/library/safari/releasenotes/General/WhatsNewInSafari/Articles/Safari_4_0.html#//apple_ref/doc/uid/TP40014305-CH4-SW18>
]FIGCAPTION]
> WebKit now implements the HTML5 canvas pixel manipulation standard along with the toDataURL() method standard.
]FIG]
[13] [CITE@en[Use USVString for all URLs]]
( ([[domenic]]著, [TIME[2016-05-20 22:02:29 +09:00]]))
<https://github.com/whatwg/html/commit/018b983b77b2cd908f6d00100e7e0abe893dd2c3>
[14] [CITE@en[Make quality an explicit argument for canvas image conversion]]
([[domenic]]著, [TIME[2016-08-27 03:42:08 +09:00]])
<https://github.com/whatwg/html/commit/7d25c4c2452b705220417ffb951c9b89e04ba50b>
[15] [CITE@en[Define encoder failure actions for toDataURL/toBlob]]
([[junov]]著, [TIME[2017-02-11 23:42:36 +09:00]])
<https://github.com/whatwg/html/commit/93c0a157dbe238582584a0e8c2f621958bb39a45>