mstdmstd
Новичок
Всем привет
На канве есть несколько текстовых элементов и и событие вызова диалога выбора цвета для фона текстового элемента
Проблема в том что если кликнуть на текстовом элементе без цвета фона то открывается диалог с серой левой частью :
Если же кликнуть на текстовом элементе с установленным фоном то диалог в левой части отображает текущее значение и цвета для выбора
Хочется установить дефолтовое значение для первого случая
Событие клика имеет код:
/**
* 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 устанавливаются цвета во втором случае и как установить дефолтовые цвета в первом случае?
А где кнопка выделения кода?
Спасибо!
На канве есть несколько текстовых элементов и и событие вызова диалога выбора цвета для фона текстового элемента
Проблема в том что если кликнуть на текстовом элементе без цвета фона то открывается диалог с серой левой частью :
Если же кликнуть на текстовом элементе с установленным фоном то диалог в левой части отображает текущее значение и цвета для выбора
Хочется установить дефолтовое значение для первого случая
Событие клика имеет код:
/**
* 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 устанавливаются цвета во втором случае и как установить дефолтовые цвета в первом случае?
А где кнопка выделения кода?
Спасибо!
