изменение размера JavaScript с помощью мыши - PullRequest
Новая
       2

изменение размера JavaScript с помощью мыши

1 голос
/ 27 сентября 2011

Я бы хотел, чтобы мои пользователи изменили размер div с 4 углов или 4 сторон с помощью мыши.

Я хочу использовать только Javascript, без библиотеки JQ, пожалуйста ...

Небольшое изменение размера изображения в правом нижнем углу будет плюсом!

Спасибо

1 Ответ

3 голосов
/ 27 сентября 2011

Используйте CSS3 resize: both;, как показано здесь: http://dhtmlexamples.com/2011/01/20/creating-a-user-resizable-div-tag-using-css3/

<style type="text/css">
    .isResizable {
        background: rgba(255, 0, 0, 0.2);
        font-size: 2em;
        border: 1px solid black;
        overflow: hidden;
        resize: both;
        width: 160px;
        height: 120px;
        min-width: 120px;
        min-height: 90px;
        max-width: 400px;
        max-height: 300px;
    }
</style>

<div class="isResizable">The quick brown fox jumps over the lazy dog.</div>
...