@hollanditkzn

Как из 2 изображение, сделать так чтобы она не перемещалось?

Не могу понять как сделать метод для редактирование, есть обычная футболка, макет и есть второе изображение, который пользователь сам загружает. В принципе все это реализовал, только стоит такая проблема, что если брать, то можно редактировать изображение где сама футболка макет. Но мне нужно редактировать то, что пользователь загрузил и конечно его он мог редактировать. Плагин для редактирование я нашел примерно https://fengyuanchen.github.io/cropperjs/, но там как я упоминул, что можно редактировать только саму футболку.
<div id="KonstrModul">
			<div id="blockColor">
				<img id="urlAdress" src="">
				<img id="imgageKonstr" src="http://futbolka/image/mujskaya_futbolka_constr.png">
			</div>
		</div>
$(document).ready(function(){
$("#fileForm").on("change",function(e){
						e.preventDefault();
						var fromData = new FormData($(this)[0])

						$.ajax({
							url: "unloade.php",
							type: "POST",
							data: fromData,
							dataType: "json",
							processData: false,
							contentType: false,
							success: function (data){
								$("#imageDownload").text(data.url);
								$("#urlAdress").attr("src", data.url);
								alert("Отправлено"+data.url);
							}	
						});
					});
				});
  • Вопрос задан
  • 113 просмотров
Пригласить эксперта
Ответы на вопрос 1
@LiguidCool
Вы бы хоть примеры посмотрели.
Внимание на
document.getElementById('replace').onclick = function () {
    cropper.replace('../docs/images/picture-2.jpg');
};

И да, хорошим тоном будет залить пример на JSfiddle.net
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы