我正在构建一个jquery插件(带有图标和通知的按钮),我使用画布绘制一个圆圈,我注意到resize事件有时会触发,有时不会触发,我是使用chrome进行测试时,尤其是当我使用最大化/恢复按钮时会发生这种情况,而当我使用鼠标进行大小调整时(拖动)会减少这种情况吗?
我认为在浏览器调整父级大小之前可能会触发resize事件?或者我错了?任何建议: - )
在brwoser的调整大小/恢复按钮几次点击之后:
代码(用于绘制圆圈):
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();
}