質問編集履歴
1
誤字
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,7 +1,13 @@
|
|
|
1
1
|
現在、canvasで同じサーバ内にある画像を表示することを行っていて、
|
|
2
|
-
|
|
2
|
+
Chromeでは表示されるのですが、Safariでは下記のエラーが表示されてしまいます。
|
|
3
|
-
エラーなどは発生していないのですが、CanvasでGif画像のアニメーションを動かす方法を教えていただきたいです。
|
|
4
3
|
|
|
4
|
+
TypeError: n.toDataURL is not a function. (In 'n.toDataURL()', 'n.toDataURL' is undefined)
|
|
5
|
+
|
|
6
|
+
公式リファレンスを見るとSafariはvr.4,vr.5は対応している様なので使えると思ったのですが。
|
|
7
|
+
詳しい方教えていただけますと幸いです。
|
|
8
|
+
http://www.html5.jp/canvas/ref/HTMLCanvasElement/toDataURL.html
|
|
9
|
+
|
|
10
|
+
|
|
5
11
|
```Javascript
|
|
6
12
|
var src = "/images/sample.gif";
|
|
7
13
|
var img = new Image();
|
|
@@ -12,6 +18,8 @@
|
|
|
12
18
|
canvas.width = img.width;
|
|
13
19
|
canvas.height = img.height;
|
|
14
20
|
ctx.drawImage(img, 0, 0);
|
|
21
|
+
var binary = ctx.toDataURL();
|
|
22
|
+
document.getElementById('img_1').src = binary;
|
|
15
23
|
}
|
|
16
24
|
|
|
17
25
|
```
|