анимированная погода значок несколько использования

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". Я должен использовать «КЛАСС». Но я не знаю, как изменить код.

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