Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 19.09.2012, 09:45
Аспирант
Отправить личное сообщение для Amateur Посмотреть профиль Найти все сообщения от Amateur
 
Регистрация: 07.03.2010
Сообщений: 88

Почему неправильно вырисовывается canvas?
Добрый день. Быть может не совcем по адресу.

Вопрос касаемо элемента canvas в Html5.

Проблема в том, что canvas заполняется быстрее чем проигрывается медиа файл.
Хотя alert(canvas.clientWidth) выдает 422, canvas заполняется уже на значении fWidth = 300....

Подскажите в чем причина такого?

Код:
<canvas class="audio_bar_wrap" id="AudioBar_wrap+1">Обновите браузер</canvas>
<script>
$('.media_audio_player').bind('timeupdate',function(){
var id = this.id;
var idn = 'AudioBar_wrap\+'+this.id.split('ExPRoG')[1];
var canvas = document.getElementById(idn);
if (canvas.getContext) {
var ctx = canvas.getContext("2d");
var lingrad = ctx.createLinearGradient(0,0,0,150);


//alert('duration='+Math.floor(document.getElementById(id).duration));alert('currentTime='+Math.floor(document.getElementById(id).currentTime));
var fWidth = Math.floor((Math.floor(document.getElementById(id).currentTime) / Math.floor(document.getElementById(id).duration)) * (canvas.clientWidth));
if (fWidth > 0) {
var SWidth = fWidth + "px";
lingrad.addColorStop(0, '#ebbdbd');
lingrad.addColorStop(0.5, '#dd6060');
lingrad.addColorStop(1, '#dc4c4c');
//ctx.fillStyle = lingrad;
ctx.fillStyle = '#dd6060',
ctx.fillRect(0, 0, fWidth, 150);
}
}
});
</script>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Запуск Canvas в IE9! Severtain Общие вопросы Javascript 7 11.04.2012 11:36
Создание экземпляра Canvas не затрагивая HTML Tails Общие вопросы Javascript 2 09.03.2012 11:55
Проблемы с Canvas Verhal Общие вопросы Javascript 1 24.01.2012 19:51
Свойства объекта, методы и this. Почему свойство вызывается с () ? jsuse Общие вопросы Javascript 2 04.11.2011 18:39
Добавить на canvas еще один елемент greengarlic Общие вопросы Javascript 5 22.09.2010 09:16