Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   хочу чтобы находил случайный img, но не работает код (https://javascript.ru/forum/events/60346-khochu-chtoby-nakhodil-sluchajjnyjj-img-no-ne-rabotaet-kod.html)

orionpro 30.12.2015 20:52

Опять к Вам с вопросом люди добрые). Продолжение того что выше, вывожу в canvas картинки...
var canvas = new fabric.Canvas('c');
    var imgElement = document.querySelector('.block_image_show_1 .my-image');
    var imgInstance = new fabric.Image(imgElement, {

    });
    var canvas2 = new fabric.Canvas('c');
    var imgElement2 = document.querySelector('.block_image_show_2 .my-image');
    var imgInstance2 = new fabric.Image(imgElement2, {

        left: 100
    });
    var canvas3 = new fabric.Canvas('c');
    var imgElement3 = document.querySelector('.block_image_show_3 .my-image');
    var imgInstance3 = new fabric.Image(imgElement3, {
        left: 200

    });
    var imgGroup = [imgInstance, imgInstance2, imgInstance3];
    canvas.add(new fabric.Group([imgInstance, imgInstance2, imgInstance3], {

    }));

    for (var v = 0; v < imgGroup.length; v++) {

    }

    var btn = document.querySelector('.btn');

    btn.addEventListener('click', function() {

        imgGroup[v].animate('left', 500, {
            onChange: canvas.renderAll.bind(canvas),
            duration: 5000,
            easing: fabric.util.ease.easeOutBounce
        });


    });

В переменной var imgGroup лежат все картинки, хочу в этом моменте весь массив использовать, чтобы анимировать все картинки сразу (их просто будет больше)
imgGroup[v].animate('left', 500, {
            onChange: canvas.renderAll.bind(canvas),
            duration: 5000,
            easing: fabric.util.ease.easeOutBounce
        });

но не могу использовать все массивы. Если написать просто
imgGroup[0]
, то один элемент спокойно себе анимируется... Что делать?
ps цикл я для пробы создал, но он не работает , точней не хочет анимация работать...

рони 30.12.2015 21:10

orionpro,
кто его знает, что такое fabric ... так-что лучше почитать вам документацию ... и не только на fabric

orionpro 30.12.2015 21:17

Цитата:

Сообщение от рони (Сообщение 402027)
orionpro,
кто его знает, что такое fabric ... так-что лучше почитать вам документацию ... и не только на fabric

Фабрик то ясно, что неведомая зверушка). Но вот, как мне весь массив объявить, а не один элемент массива imgGroup[0]... просто не писать же 10 раз анимацию под каждый объект. А этот fabric на canvas построен ... И согласен, документацию читаю, но её не густо, как всегда. Выбрал такой способ анимации. Возможно он не правильный, но делает, то что надо, вот пока не со всеми картинками.

рони 30.12.2015 21:23

orionpro,
строку 23 может перенести на 30 и 25 на 36 :-?

orionpro 30.12.2015 21:29

Цитата:

Сообщение от рони (Сообщение 402029)
orionpro,
строку 23 может перенести на 30 и 25 на 36 :-?

:) Ну да... теперь всё элементы задействованы. Спасибо. Буду читать дальше.


Часовой пояс GMT +3, время: 11:23.