Canvas - изменить размер холста

[Сергей16]

Пример выложил здесь-http://plnkr.co/edit/QDvD1kiiuDljbnjSlWX6?p=preview, работает только перетаскивание,. если
раскоментировать строки - то размеры холста будут менятся(при изменении в импутах), но старый холст 100*100 не стирается, и
перетаскивание картинки работает не корректно.
Пожалуйста, помогите разобраться.

[Spass]

Думаю проблема в том что у тебя там 2 холста

$('#digit01').on('input', function() {
   $('canvas').width(this.value)
});
$('#digit02').on('input', function() {
   $('canvas').height(this.value)
});

так работает

[Сергей16]

Да, работает, но картинка растягивается

[Spass]

Совершенно верно, ты растягиваешь хост, картинка в нем тоже растягивается.

[Сергей16]

После долгих экспериментов , я все таки уверен, что растягивание как-то связано с масштабированием, а здесь его нет. Это странно. Наверняка должен быть способ, чтобы это обойти.

[Spass]

Почитай больше про canvas, при создании у него задаются свои внутренние размеры (в данном случае кажется 100х100) и если его растянуть до 500, внутри он будет все так же 100х100.

Чтобы этого избежать после изменения размера, для canvas нужно переопределять и его внутренние координаты.

[Сергей16]

Spass
Подскажи, как переопределить координаты, или что читать.

[Spass]

Я не знаком с используемыми библиотеками (кроме jQuery) и возможно canvas можно настроить в них.

здесь ресайзят холст средствами js
http://stackoverflow.com/questions/1...-to-fit-window