Ответы пользователя по тегу Canvas
  • Почему не наносится картинка на канвас?

    brusher
    @brusher
    Фронт-енд разработчик
    Подозреваю, что в момент исполнения скрипта изображение еще не загружено.
    Попробуйте повесить код на событие load у картинки:
    а). либо указав прямо у элемента onload="makeWatermark()",
    б). либо с помощью$('img').on('load', makeWatermark), но в таком случае SRC нужно указывать только после того как повесите обработчик события.
    в). (имхо — лучший вариант) Вообще не грузите в DOM изображения, грузите только ссылку на изображение, а на стороне JS уже создавайте изображение и работайте с ним:
    var img = document.createElement('img');
    img.onload = makeWatermark;
    img.src = "<?=$img_url;?>";

    А для стабильной работы еще и неплохо бы убедиться в том, что вотермарк тоже загружен, и если нет — то загрузить его (аналогичным способом загрузить и вызвать onload с дальнейшей отрисовкой).

    Надеюсь мой совет помог. Успехов! :)
    Ответ написан
    Комментировать