Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 15.11.2015, 15:53
Аспирант
Отправить личное сообщение для levshkatov Посмотреть профиль Найти все сообщения от levshkatov
 
Регистрация: 03.09.2014
Сообщений: 61

Просмотрщик изображений на Canvas
Возможно ли сделать подобное? Пользователь загружает файлы изображений, а потом листает их, используя canvas, как в обычной галерее.
Я понимаю, что это вполне возможно, только как. Можете какие-нибудь основные принципы, методы, статьи на этот счет скинуть или написать?
Только просьба не писать, что есть drawImage() и отсюда надо начинать.
Что-нибудь по делу, если возможно.

Спасибо!
Ответить с цитированием
  #2 (permalink)  
Старый 15.11.2015, 16:06
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

levshkatov,
без canvas
Кропинг Jquery в слайдере
Ответить с цитированием
  #3 (permalink)  
Старый 15.11.2015, 16:51
Аспирант
Отправить личное сообщение для levshkatov Посмотреть профиль Найти все сообщения от levshkatov
 
Регистрация: 03.09.2014
Сообщений: 61

рони,
спасибо! А есть что-нибудь с использованием canvas?
У него просто здоровенный функционал и библиотек прилично к нему написано. Хотелось бы потом не голый слайдер изображений оставить а с разными функциями.
Ответить с цитированием
  #4 (permalink)  
Старый 15.11.2015, 18:54
Аспирант
Посмотреть профиль Найти все сообщения от pnpquest
 
Регистрация: 09.11.2015
Сообщений: 94

levshkatov,
Интересно, а зачем это нужно? Не, понятно, если бы Вы использовали в слайдере, какие то canvas-специфичные фичи, которые нельзя сделать средствами самого JS. Но просто для перелистывания то это зачем? Зачем Вам использовать canvas для слайдера? И нахрена для этого какие-то библиотеки нужны?
Ответить с цитированием
  #5 (permalink)  
Старый 15.11.2015, 19:26
Аватар для ruslan_mart
Профессор
Отправить личное сообщение для ruslan_mart Посмотреть профиль Найти все сообщения от ruslan_mart
 
Регистрация: 30.04.2012
Сообщений: 3,018

pnpquest, на обычном JS/CSS лучше делать только простые эффекты, типа плавное затухание, смещение и т.д. А вот всякие эффекты типа разбития изображения на маленькие фрагменты - это лучше делать на canvas, так как производительность будет намного лучше.
Ответить с цитированием
  #6 (permalink)  
Старый 15.11.2015, 20:09
Аспирант
Отправить личное сообщение для levshkatov Посмотреть профиль Найти все сообщения от levshkatov
 
Регистрация: 03.09.2014
Сообщений: 61

Мне необходим функционал canvas. Рисовать на изображениях. Разрезать их и так далее. Просто для начала нужен обычный слайдер.
Ответить с цитированием
  #7 (permalink)  
Старый 15.11.2015, 20:36
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

levshkatov,
поищите Canvas Slider типа http://codecanyon.net/item/canvas-sl...slider/3174000 и приделайте к нему загрузку с компа клиента (ссылка выше)
Ответить с цитированием
  #8 (permalink)  
Старый 15.11.2015, 20:42
Аспирант
Отправить личное сообщение для levshkatov Посмотреть профиль Найти все сообщения от levshkatov
 
Регистрация: 03.09.2014
Сообщений: 61

А что насчет качества? Ведь если фото снято в 16 Мп например, то его будет проблематично засунуть в canvas без видимой потери качества. Или нет?
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Canvas, проблемы с отрисовкой изображений sunAirway Общие вопросы Javascript 4 07.01.2016 22:21
Canvas Вывод изображений в цикле 0leg9 Элементы интерфейса 22 15.07.2015 05:55
Повтор фото (getUserMedia(),HTML5 Canvas) aspex Элементы интерфейса 1 27.12.2014 16:46
Создание экземпляра Canvas не затрагивая HTML Tails Общие вопросы Javascript 2 09.03.2012 13:55
html5 Canvas как кэш для изображений JAre Элементы интерфейса 6 20.07.2011 03:22