Все для DataLife Engine / DLE хаки / Хак для DLE / Скрипт Vintage плагин онлайн сервис изменения картинок

Скрипт Vintage плагин онлайн сервис изменения картинок


Vintage плагин статья на dle9.com о JS-скрипте немецкого разработчика Роберт Флейшманн, Vintage позволяет производить невероятно простой способ виртуального воздействия на картинки, фотографии изменяя до не узнаваемости. Большое количество параметров помогают вам «получить» результат, довести их до идеала. Создайте свой сервис изменения картинок до не узнаваемости/

Причем, вы можете использовать плагин на собственном веб-проекте, и сделать вам в этом поможет хак для dle ниже. О все возможностях плагина Vintage , можно прочитать на демо старице автора, так скачать взглянуть на веб-сайт проекта. Аналогичное решение предлагаем вам, если вы ищете простой и быстрый способ придать вашим фотографиям состаренный вид или другие возможности данного плагина.
Скрипт Vintage плагин свой онлайн сервис изменения картинок
Vintage.js: плагин вашего собственного веб-сайта

Если вы убедились, что vintage.js удовлетворить ваши требования, то давайте рассмотрим техническое применения плагина. Vintage.js требует jQuery. Более того, вам придется встраивать плагин и сопутствующий CSS-файл:

<script src="src/jquery.js"></script>
<script src="src/vintage.js"></script>
<link rel="stylesheet" type="text/css" href="css/vintagejs.css" media="all" />


Vintage.js загружается один раз, что делает его простым в использовании. Если вы хотите применить его к изображению, то нужно просто применить класс vintage. Таким образом, jаvascript определяет то, где скрипт должен быть активен. Вызов функции будет выглядеть следующим образом:

<script>
$(function () {
    $('img.vintage').click(function () {
        $(this).vintage();
    });
});
</script>



Вы можете выбирать из 3 доступных пресетов, значить без труда сможете понять, что можно сделать от каждого пресета, т.к. они названы sepia, green и grayscale. Если вы желаете получить больше параметров, то vintage.js как вам нужно, можно не работать с пресетами, а просто вводить собственные параметры в вызов функции.

Данный вариант напоминает возможности при использовании онлайн-сервиса. Кроме возможности менять все параметры, которые изменяют вид изображения, вы также можете изменять формат файла. Функция обратного вызова позволяет вам решать, какие из следующих этапов должны быть включены после выполнения основной задачи. Функции вызова с достаточным количеством параметров должны выглядеть следующим образом:

<script>
$(function () {
    $('img.vintage').click(function () {
        $(this).vintage({
            vignette: {
                black: 0.8,
                white: 0.2
            },
            noise: 20,
            screen: {
                red: 12,
                green: 75,
                blue: 153,
                strength: 0.3
            },
            desaturate: 0.05
        });
    });
});
</script>


Vintage.js работает во всех современных браузерах и в IE9. Важно только, чтобы была поддержка элемента canvas. Разработчик Роберт Флейшманн предоставляет вам плагин абсолютно бесплатно. И плагин и онлайн-сервис работают абсолютно бесплатно, как для личных, так и для коммерческих проектов, и распространяется под лицензионным соглашением MIT и GPL.

Демо: vintagejs_com/gallery/page:0 (ссылка на скачивания всех компонентов в архиве)

Наш сайт все для dle предлагает скачать dle хаки Скрипт Vintage плагин свой онлайн сервис изменения картинок

Vintage.js-plagin-dlya-sozdaniya-vintazhnyh-kartinok.rar [39,95 Kb] (cкачиваний: 82)
  • 100
Добавить комментарий

Оставить комментарий

    • bowtiesmilelaughingblushsmileyrelaxedsmirk
      heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
      winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
      worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
      expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
      disappointedconfoundedfearfulcold_sweatperseverecrysob
      joyastonishedscreamtired_faceangryragetriumph
      sleepyyummasksunglassesdizzy_faceimpsmiling_imp
      neutral_faceno_mouthinnocent