Canvas - изменить размер холста
Пример выложил здесь-http://plnkr.co/edit/QDvD1kiiuDljbnjSlWX6?p=preview, работает только перетаскивание,. если
раскоментировать строки - то размеры холста будут менятся(при изменении в импутах), но старый холст 100*100 не стирается, и перетаскивание картинки работает не корректно. Пожалуйста, помогите разобраться. |
Думаю проблема в том что у тебя там 2 холста
$('#digit01').on('input', function() { $('canvas').width(this.value) }); $('#digit02').on('input', function() { $('canvas').height(this.value) }); так работает |
Да, работает, но картинка растягивается
|
Совершенно верно, ты растягиваешь хост, картинка в нем тоже растягивается. :)
|
После долгих экспериментов , я все таки уверен, что растягивание как-то связано с масштабированием, а здесь его нет. Это странно. Наверняка должен быть способ, чтобы это обойти.
|
Почитай больше про canvas, при создании у него задаются свои внутренние размеры (в данном случае кажется 100х100) и если его растянуть до 500, внутри он будет все так же 100х100.
Чтобы этого избежать после изменения размера, для canvas нужно переопределять и его внутренние координаты. |
Spass
Подскажи, как переопределить координаты, или что читать. |
Я не знаком с используемыми библиотеками (кроме jQuery) и возможно canvas можно настроить в них.
здесь ресайзят холст средствами js http://stackoverflow.com/questions/1...-to-fit-window |
Часовой пояс GMT +3, время: 22:55. |