CANVAS初心者です。CANVASで画像を表示するときに、静止画なのにsetIntervalを使う意味が分からず、普通のimage要素のようにただ置くことはできないのでしょうか、少し調べたところ、大きさの調整やマスキング、背景として使うとき、とあったのですが、それだけのためにsetIntervalを使うのでしょうか?アドバイス頂けたら幸いです。
JavaScript
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4<meta charset="utf-8"/> 5 6<style> 7body{ 8background-color:white; 9} 10</style> 11<script type="text/javascript"> 12var image1 = new Image(); 13image1.src="img/ukiwa.jpg"; 14</script> 15<title>img</title> 16</head> 17<body> 18 19<canvas id="canvas1" width="200" height="200" style="border:1px solid black;"></canvas> 20<br> 21<script type="text/javascript"> 22var canvas1 = document.getElementById("canvas1"); 23var ctx1 = canvas1.getContext("2d"); 24 25setInterval(function(){ 26ctx1.drawImage(image1,0,0,200,200); 27},100) 28 29</script> 30</body> 31</html>
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/04/13 16:50
2017/04/13 22:02
2017/04/14 11:36