Управление сайтом

Компаний

Пользователи

Фиксированные новости

Отзывы о фирмах

Пользователи

Банкоматы

Торговые точки

Доска объявлений

Курсы валют

организации Орла

организации области

сайты Орел

Поиск запросы

Статистика

Показы каталога организаций

Статистика клиенты

Пользователи

Управление сайтом

Каталоги >

Новости >

Организации >

Секрет фирмы >

Сервисы >

Файловый менеджер

Имя файла	index.html
Содержимое	<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="A basic demo of Cropper."> <meta name="keywords" content="HTML, CSS, JS, JavaScript, image cropping, cropper, cropperjs, cropper.js, front-end, web development"> <meta name="author" content="Fengyuan Chen"> <title>Cropper.js</title> <link rel="stylesheet" href="../assets/css/font-awesome.min.css"> <link rel="stylesheet" href="../assets/css/bootstrap.min.css"> <link rel="stylesheet" href="../dist/cropper.css"> <link rel="stylesheet" href="css/main.css"> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <!--[if lt IE 8]> <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p> <![endif]--> <!-- Show the cropped image in modal --> <div class="modal fade docs-cropped" id="getCroppedCanvasModal" role="dialog" aria-hidden="true" aria-labelledby="getCroppedCanvasTitle" tabindex="-1"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title" id="getCroppedCanvasTitle">Cropped</h4> </div> <div class="modal-body"></div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <a class="btn btn-primary" id="download" href="javascript:void(0);" download="cropped.png">Download</a> <div class="btn btn-default" id="CanvaToBlob">CanvaToBlob</div> </div> </div> </div> </div><!-- /.modal --> <!-- Content --> <div class="container"> <div class="row"> <div class="col-md-9"> <!-- <h3 class="page-header">Demo:</h3> --> <div class="img-container"> <img src="../assets/img/picture.jpg" alt="Picture"> </div> </div> <div class="row" id="actions"> <div class="col-md-9 docs-buttons"> <!-- <h3 class="page-header">Toolbar:</h3> --> <div class="btn-group"> <label class="btn btn-primary btn-upload" for="inputImage" title="Upload image file"> <input type="file" class="sr-only" id="inputImage" name="file" accept="image/*"> <span class="docs-tooltip" data-toggle="tooltip" title="Import image with Blob URLs"> <span class="fa fa-upload"></span> </span> </label> </div> <div class="btn-group btn-group-crop"> <button type="button" class="btn btn-primary" data-method="getCroppedCanvas" data-option="{ "width": 160, "height": 90 }"> <span class="docs-tooltip" data-toggle="tooltip" title="cropper.getCroppedCanvas({ width: 160, height: 90 })"> 160×90 </span> </button> </div> </div><!-- /.docs-buttons --> <div class="col-md-3 docs-toggles"> </div> </div><!-- /.docs-toggles --> </div> </div> <img src="" id="blobImg"> <!-- Scripts --> <script src="../assets/js/jquery.min.js"></script> <script src="../assets/js/bootstrap.min.js"></script> <script src="../dist/cropper.js"></script> <script src="js/main.js"></script> <script> $("#CanvaToBlob").click(function() { var canvas = $(".modal-body canvas"); var dataURL = canvas[0].toDataURL(); $("#blobImg").attr("src",dataURL); }); $("#btnClick").click(function() { var src = $("#blobImg1").attr("src"); $("div.img-container img.cropper-hidden").attr("src",src); $("div.cropper-wrap-box div.cropper-canvas img").attr("src",src); $("div.cropper-wrap-box span.cropper-view-box img").attr("src",src); $("div.cropper-crop-box span.cropper-view-box img").attr("src",src); }); </script> </body> </html>

/plugins/crop/demo/

Имя	Дата	Размер
..	2016-02-17
css	2016-02-17
js	2016-02-18
index.html	2016-02-17	4 кб.

/plugins/crop/demo