触发调整大小以构建jQuery插件的最佳方法是什么?

时间:2015-11-15 07:45:03

标签: jquery canvas jquery-plugins

我正在构建一个jquery插件(带有图标和通知的按钮),我使用画布绘制一个圆圈,我注意到resize事件有时会触发,有时不会触发,我是使用chrome进行测试时,尤其是当我使用最大化/恢复按钮时会发生这种情况,而当我使用鼠标进行大小调整时(拖动)会减少这种情况吗?

我认为在浏览器调整父级大小之前可能会触发resize事件?或者我错了?任何建议: - )

enter image description here

在brwoser的调整大小/恢复按钮几次点击之后:

enter image description here

代码(用于绘制圆圈):

function createCanvas(obj) {                    
            canvas = $('<canvas style="z-index:10;position:relative;background-color:#b6d1aa"></canvas>').attr({
                width: $(obj).width(),
                height: dc_height
            }).appendTo(obj).get(0);    
            $(canvas).css({'top': (-1.8*btn_top).toString()+'px'});
            context = canvas.getContext('2d');                          
        }   
        /**
        * draw background circle
        */
        function drawBackCircle(){              
            var cntrX=$(obj).width()-($(obj).width()*0.1377777777777778);
            var cntrY=dc_height/2;
            var Radius=dc_height/2;
            context.fillStyle=customSettingsObj.fgcolor;                            
            context.beginPath();
            context.arc(cntrX, cntrY, Radius, 0, 2*Math.PI, true);                              
            context.fill();                 
        }

1 个答案:

答案 0 :(得分:0)

我坚持要回答“为什么我得到两个( - ),如果没有解释你就不能这样做!!!!!

我使用smartresize

中的smartresize找到了解决方案