움직이는 날씨 아이콘 여러 사용

Question

방금 ​​한 페이지에서 날씨 아이콘을 몇 번 사용하려고했습니다. http://weathericons.char95.com/

하지만 문제는 캔버스의 ID입니다 :

<canvas id='icon1'></canvas> 
<canvas id='icon'></canvas> 
<canvas id='icon1'></canvas> 


var icon1 = WeatherIcon.add('icon1', WeatherIcon.SUN, {mode:WeatherIcon.NIGHT, stroke:true, shadow:true, animated:true }); 

내가 생각은, 문제는 "ID"입니다. "CLASS"를 사용해야합니다. 하지만 어떻게 코드를 변경 해야할지 모르겠다.

Answer 1

HTML/PHP/CSS는 문제가 없지만 Javascrpit에는 맞지 않습니다.

<script type='text/javascript' src='WeatherIcon.js'></script> 


<canvas id='icon1'></canvas> 
<canvas id='icon2'></canvas> 
<canvas id='icon3'></canvas> 



<script type='text/javascript'> 

WeatherIcon.add('icon1' , WeatherIcon.SUN , { mode:WeatherIcon.DAY , stroke:true , shadow:true , animated:true }); 
WeatherIcon.add('icon2' , WeatherIcon.LIGHTRAINSUN , { mode:WeatherIcon.NIGHT , stroke:true , shadow:true , animated:true }); 
WeatherIcon.add('icon3' , WeatherIcon.LIGHTRAINTHUNDERSUN); // no parameters 

JS : http://weathericons.char95.com/js/WeatherIcon.js