OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 <title>drawImage() with SVG fragments</title> | |
3 <script> | |
4 onload = function() { | |
5 var context = document.getElementsByTagName('canvas')[0].getContext('2d' ); | |
6 var images = document.getElementsByTagName('img'); | |
7 for (var i = 0; i < images.length; i++) { | |
8 var domImage = images.item(i); | |
fs
2015/12/01 14:23:21
Nit: images[i]? (any particular reason to use item
| |
9 var newImage = new Image(); | |
10 newImage.src = domImage.src; | |
11 context.drawImage(newImage, i*60, i*60, 120, 120); | |
12 } | |
13 while (images.length) | |
14 document.body.removeChild(images.item(0)); | |
15 } | |
16 </script> | |
17 <canvas width="240px" height="240px"></canvas> | |
fs
2015/12/01 14:23:21
Nit: 'px' will be "trailing garbage" in this conte
| |
18 <img src="../css/resources/fragment-identifiers.svg#green"> | |
19 <img src="../css/resources/fragment-identifiers.svg#red"> | |
20 <img src="../css/resources/fragment-identifiers.svg#blue"> | |
OLD | NEW |