質問編集履歴

2

タイトルをわかりやすくした

2016/04/29 01:50

投稿

tarotarosu
tarotarosu

スコア114

test CHANGED
@@ -1 +1 @@
1
- 画像を拡大表示したい。
1
+ Amazonの虫眼鏡のように画像を拡大表示したい。
test CHANGED
File without changes

1

コードの追加

2016/04/29 01:50

投稿

tarotarosu
tarotarosu

スコア114

test CHANGED
File without changes
test CHANGED
@@ -11,3 +11,41 @@
11
11
  Canvas上の画像を拡大表示させる良い方法はありますでしょうか?
12
12
 
13
13
  ご回答を頂けると助かります_(._.)_
14
+
15
+
16
+
17
+
18
+
19
+ ###追記
20
+
21
+ 補足です。
22
+
23
+
24
+
25
+ ###該当のソースコード
26
+
27
+ ```javascript
28
+
29
+ var img = new Image;
30
+
31
+ img.src = "picture/sample1.png";
32
+
33
+ img.onload = function(){
34
+
35
+ var canvas = document.getElementById("canvas_target");
36
+
37
+ if(canvas.getContext){
38
+
39
+ var context = canvas.getContext("2d");
40
+
41
+ context.drawImage(img, 0, 0);
42
+
43
+ }
44
+
45
+ }
46
+
47
+ ```
48
+
49
+ 上記のようにして表示したCanvasの画像を虫眼鏡のように拡大表示する方法です。
50
+
51
+ imgタグに対してはできても、それ以外にはできないものが多いような気がして…