2014-09-18 1 views
-2

Я работаю над проектом, который использует HTML5 и библиотеку холста jQuery. Я добавил изображение на холст, используя ткань, но это не позволяет мне перемещать это изображение внутри холста.HTML5 canvas не позволяет мне перемещать объект внутри холста

Как я могу заставить изображение перемещаться внутри холста?

fabric.Image.fromURL(
    '<?php echo $url; ?>uploads/canvas_uploads/Landscape_' + name, 
    function(image) { 
     my_image = image; 
     my_image.top = -1; 
     my_image.lockMovementY = true; 
     my_image.lockMovementX = false; 
     my_image.left = -20; 
     my_image.width = ObjWidth; 
     my_image.height = ObjHeight; 
     canvas.add(my_image); 
    } 
); 
+0

Вы можете предоставить ссылку на скрипку? – ymutlu

+0

Как вы пытаетесь переместить изображение? Перетаскиванием мышью, нажмите, автоматически в коде ...? –

+0

на функции щелчка, когда я нажимаю на изображение, я вызываю функцию jquery, и в этом jquery я пишу приведенный выше код, который добавляет изображение в холст, используя вышеуказанный код через url – user3607861

ответ

0

Попробуйте с canvas.renderAll(); после canvs.add(image);

С уважением.

+0

my_image = image; \t \t \t \t \t my_image.top = -1; \t \t \t \t \t my_image.lockMovementY = true; \t \t \t \t \t my_image.lockMovementX = false; \t \t \t \t \t my_image.left = -20; \t \t \t \t \t my_image.width = ObjWidth; \t \t \t \t \t my_image.height = ObjHeight; \t \t \t \t \t canvas.add (my_image); \t \t \t \t \t canvas.renderAll(); – user3607861

Смежные вопросы