На странице есть следующий html:
<div style="border: 1px dotted red; float:left; padding:10px;">
<img id="img" style="border:1px solid silver" />
</div>
Если с помощью jquery: $('#img').css('transform','rotate(90deg)');
повернуть img
на 90 градусов, то его граница выходит за пределы div
.
Как повернуть тег img
, чтобы его граница оставалась внутри div
? При этом высота div
может меняться, а ширина должна остаться без изменений.
И как из кода на JavaScript создать/изменить изображение в теге img
без загрузки файла?
document.getElementById('img').src = '...'
; изменить картинку,document.getElementById('img').style.height = '...'
; изменить её высотуusing(var g = Graphics.From(img)) g.FillRectangle(...);