<!doctype html> <html> <head> <title>title</title> </head> <body> <canvas id="c" width="200" height="200"></canvas> </body> <script> var img = new Image(); img.src = 'http://www.w3.org/Icons/SVG/svg-logo-v.svg'; img.onload = function(){ var c = document.getElementById('c'); var ctx = c.getContext('2d'); ctx.drawImage(img, 0, 0, 200, 200); } </script> </html>
これはsvgなんだが、HTMLタグで行きたいね。。
HTMLタグ→SVG画像作成→Canvasで画像化?
んーん、苦戦。。