Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 29.05.2012, 15:17
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 16.12.2011
Сообщений: 4,415

понял спс буду разбираться
Ответить с цитированием
  #12 (permalink)  
Старый 29.05.2012, 16:11
Профессор
Отправить личное сообщение для tadjik1 Посмотреть профиль Найти все сообщения от tadjik1
 
Регистрация: 07.06.2011
Сообщений: 315

http://www.eyecon.ro/bootstrap-colorpicker/

комментариев немного, но код небольшой и вполне понятный
Ответить с цитированием
  #13 (permalink)  
Старый 29.05.2012, 21:04
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 16.12.2011
Сообщений: 4,415

Сообщение от tadjik1 Посмотреть сообщение
http://www.eyecon.ro/bootstrap-colorpicker/

комментариев немного, но код небольшой и вполне понятный
да сам colorpicker у меня на 100% готов я просто думаю получиться у меня изображение на канву заменить или нет
Ответить с цитированием
  #14 (permalink)  
Старый 29.05.2012, 21:22
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 16.12.2011
Сообщений: 4,415

вот демо версия того что получилось
http://learn.javascript.ru/play/D6FMAb
Ответить с цитированием
  #15 (permalink)  
Старый 29.05.2012, 21:28
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 16.12.2011
Сообщений: 4,415

Сообщение от Deff Посмотреть сообщение
Ну есть плюс - что считываете цвет прямо с картинки (* http://ldalab.ru/post/vstavka_izobrazheniya_canvas.html
Или по приведенной Вами ссылке - нужна формула - для большой картинки
от скролла и координат курсора
- для длиной-высокой - от высоты
- в принципе, для узкой-правой - формула вычисляется легко - по 10 -12 точкам апроксимации

- для левой-широкой точек думаю до 1000 , т.к картинка достаточно большая http://www.colorpicker.com/images/co...bgGradient.png (Хотя может есть и готовая формула
ваш ответ полностью расшифровать не смог=)
а ссылка очень полезная много инетиресного узнал=)
Ответить с цитированием
  #16 (permalink)  
Старый 29.05.2012, 22:38
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Сообщение от cyber
вот демо версия того что получилось
http://learn.javascript.ru/play/D6FMAb
Ну оч даж! - ток клик по правому окну не дореализован
Ответить с цитированием
  #17 (permalink)  
Старый 29.05.2012, 23:20
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 16.12.2011
Сообщений: 4,415

Сообщение от Deff Посмотреть сообщение
Ну оч даж! - ток клик по правому окну не дореализован
это так наброски
квадрат с права будет миниатюрой по клику на которую будет появляться над ним colorpicker, слева от него(квадрата с текущим цветом) будет форма отображающие цвета в шестнадцатиричной системе.
как то так=)
щас е*** мозг с дизайном=(
Ответить с цитированием
  #18 (permalink)  
Старый 30.05.2012, 07:09
Аватар для cyber
I am Student
Отправить личное сообщение для cyber Посмотреть профиль Найти все сообщения от cyber
 
Регистрация: 16.12.2011
Сообщений: 4,415

Сообщение от cyber Посмотреть сообщение
вот демо версия того что получилось
http://learn.javascript.ru/play/D6FMAb
в этой демо шкала Hue нирисована канвой, так как пишу рисовалку на канве , библиотеку ExplorerCanvas буду подключать по любому (единственная библиотека которую я юзаю ) , в чем проблема :
библиотеку подключил а шкалу всеравно не рисует только рамку от нее (сообщение что канва не поддерживается не выдает)
Ответить с цитированием
  #19 (permalink)  
Старый 04.05.2014, 18:06
Новичок на форуме
Отправить личное сообщение для sozercaniekosmosa Посмотреть профиль Найти все сообщения от sozercaniekosmosa
 
Регистрация: 04.05.2014
Сообщений: 1

если кому будет интересно, вот colorpicker на чистом javascript, без использования jquery и картинок
Ответить с цитированием
  #20 (permalink)  
Старый 07.05.2014, 15:14
Аватар для MallSerg
Профессор
Отправить личное сообщение для MallSerg Посмотреть профиль Найти все сообщения от MallSerg
 
Регистрация: 07.03.2011
Сообщений: 1,000

Очуметь 13 тысяч байт там где можно обойтись парой градиентов.
<style type="text/css">
        i#cp1,i#cp2,i#cp3 { position: absolute;display: block;width: 100px;height: 100px;
            background:linear-gradient(to left,rgba(255, 0, 0, 1),rgba(255, 255, 255, 1));}
        i#cp2{background:linear-gradient(to top, rgba(0, 0, 0, 1), rgba(255, 0, 0, 0));}
        i#cp3{left: 110px;width: 10px;background:linear-gradient(to top,#F00,#FF0,#0F0,#0FF,#00F,#F0F,#F00);}
    </style>
    <b id="color_picker">
        <i id="cp1"></i>
        <i id="cp2"></i>
        <i id="cp3"></i>
    </b>
Ответить с цитированием
Ответ



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

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