Jump to content
  • 0

Для colorpicker установить дефолтовое значение


mstdmstd
 Share

Question

Всем привет

На канве есть несколько текстовых элементов и и событие вызова диалога выбора цвета для фона текстового элемента 

Проблема в том что если кликнуть на текстовом элементе без цвета фона то открывается диалог с серой левой частью :

aT0eP5x.png

Если же кликнуть  на текстовом элементе с установленным фоном то диалог в левой части отображает текущее значение и цвета для выбора 

BIuNDln.png

 

Хочется установить дефолтовое значение для первого случая

 Событие клика имеет код:



                /**
                 * Change Background Color
                 */
                jQuery('.openTextBackColorPicker').on('click tap', function(event){
                    alert( "openTextBackColorPicker event::"+var_dump(event) )


                    event.stopPropagation();
                    var obj = stage.getActiveObject();                                  // текстовый элемент на котором кликнули
                    alert( "openTextBackColorPicker obj.backgroundColor::" + obj.backgroundColor )  //  Отображает   ::rgba(255,255,255,0)
                    if ( obj.backgroundColor == 'rgba(255,255,255,0)' ) { // Это 1й случай и как раз тут нужно установить дефолтовое значение - но непонятно как
                        alert( "INSIDE ::" )  
                    }
                    backgroundColorPicker.colorpicker('open');
                    jQuery('.backColor').attrchange({
                        trackValues: true,
                        callback: function(event) {
                            if ( !isPageInited ) return false;
                            backgroundColor= 'rgb(192,192,192)'
                            alert( "++backgroundColor::"+var_dump(backgroundColor) )
                            if( event.attributeName == 'value' ) {
                                if (!object.isEditing) {
                                    obj.set({
                                        backgroundColor: ( event.newValue.indexOf('#') === -1 && event.newValue.indexOf('rgba') === -1 ) ? ('#'+event.newValue).toString() : (event.newValue).toString(),
                                    });
                                } else {
                                    obj.setSelectionStyles({
                                        backgroundColor: ( event.newValue.indexOf('#') === -1 && event.newValue.indexOf('rgba') === -1 ) ? ('#'+event.newValue).toString() : (event.newValue).toString(),
                                    });
                                }
                                _stageUpdate();
                                // Make history
                                _makeHistory();
                            }
                        }
                    });
                    return false;
                });


Не нашел как для backgroundColorPicker устанавливаются цвета во втором случае и как установить дефолтовые цвета в первом случае?

  

    Спасибо! 

 

Link to comment
Share on other sites

0 answers to this question

Recommended Posts

There have been no answers to this question yet

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy