modify drawing filter buttons

cell/view/WorksheetView.js

@@ -12577,6 +12577,8 @@
 		var t = this;
 		var ctx = t.drawingCtx;
 
+		var isMobileRetina = false;
+
 	    //TODO пересмотреть масштабирование!!!
 		var isApplyAutoFilter = props.isSetFilter;
 		var isApplySortState = props.isSortState;
@@ -12628,104 +12630,105 @@
 
 		var _drawSortArrow = function(startX, startY, isDescending, heightArrow)
 		{
-			heightArrow = heightArrow * height_1px * scaleIndex;
-
 			//isDescending = true - стрелочка смотрит вниз
 			//рисуем сверху вниз
 			ctx.beginPath();
-			ctx.lineVer(startX, startY, startY + heightArrow);
+			ctx.lineVer(startX, startY, startY + heightArrow * height_1px * scaleIndex);
 
-			heightArrow = Math.round(heightArrow);
+			var x = startX;
+			var y = startY;
 
+			var heightArrow1 = heightArrow * height_1px * scaleIndex - 1*width_1px/scaleFactor;
+			var height = 3 * scaleIndex * scaleFactor;
+			var x1, x2, y1;
 			if(isDescending)
 			{
-				var r = ctx._calcRect(startX, startY);
-				var x = Math.round(r.x);
-				var y = Math.round(r.y);
-				
-				var heightArrow1 = Math.round(heightArrow * scaleFactor * scaleIndex - 1);
-				var height = Math.round(3 * scaleIndex * scaleFactor);
-				var diffY = 0;
 				for(var i = 0; i < height; i++)
 				{
-					ctx.ctx.moveTo(x - (i), y + 0.5 - (i) + heightArrow1 + height - 1);
-					ctx.ctx.lineTo(x - (i) + 1, y + 0.5 - (i) + heightArrow1 + height - 1);
-
-					ctx.ctx.moveTo(x + i, y + 0.5 - (i) + heightArrow1 + height - 1);
-					ctx.ctx.lineTo(x + i + 1, y + 0.5 - (i) + heightArrow1 + height - 1);
+					x1 = x - (i*width_1px/scaleFactor);
+					x2 = x - (i*width_1px/scaleFactor) + 1*width_1px/scaleFactor;
+					y1 = y - (i*width_1px/scaleFactor) + heightArrow1;
+					ctx.lineHor(x1, y1, x2);
+					x1 = x + (i*width_1px/scaleFactor);
+					x2 = x + (i*width_1px/scaleFactor) + 1*width_1px/scaleFactor;
+					y1 = y - (i*width_1px/scaleFactor) + heightArrow1;
+					ctx.lineHor(x1, y1, x2);
 				}
 			}
 			else
 			{
-				var r = ctx._calcRect(startX, startY);
-				var x = Math.round(r.x);
-				var y = Math.round(r.y);
-				
-				var height = Math.round(3 * scaleIndex * scaleFactor);
-				var diffY = 0;
 				for(var i = 0; i < height; i++)
 				{
-					ctx.ctx.moveTo(x - (i), y + 0.5 + (i) - diffY);
-					ctx.ctx.lineTo(x - (i) + 1, y + 0.5 + (i) - diffY);
+					x1 = x - (i*width_1px/scaleFactor);
+					x2 = x - (i*width_1px/scaleFactor) + 1*width_1px/scaleFactor;
+					y1 = y + (i*width_1px/scaleFactor);
+					ctx.lineHor(x1, y1, x2);
+					x1 = x + (i*width_1px/scaleFactor);
+					x2 = x + (i*width_1px/scaleFactor) + 1*width_1px/scaleFactor;
+					y1 = y + (i*width_1px/scaleFactor);
+					ctx.lineHor(x1, y1, x2);
+				}
+			}
 
-					ctx.ctx.moveTo(x + i, y + 0.5 + (i) - diffY);
-					ctx.ctx.lineTo(x + i + 1, y + 0.5 + (i) - diffY);
+			if(isMobileRetina)
+			{
+				ctx.setLineWidth(AscBrowser.retinaPixelRatio);
 			}
+			else
+			{
+				ctx.setLineWidth(AscBrowser.retinaPixelRatio * width_1px);
 			}
 
-			ctx.setLineWidth(t.width_1px);
 			ctx.setStrokeStyle(m_oColor);
 			ctx.stroke();
 		};
 
         var _drawFilterMark = function (x, y, height)
 		{
-            x = Math.round((x) / width_1px) * width_1px;
-            y = Math.round((y) / height_1px) * height_1px;
             var heightLine = Math.round(height);
-			var heightCleanLine = heightLine - 2;
+			var heightCleanLine = heightLine - 2*height_1px;
 
 			ctx.beginPath();
 
 			ctx.moveTo(x, y);
 			ctx.lineTo(x, y - heightCleanLine);
-			ctx.setLineWidth(t.width_2px);
-			ctx.setStrokeStyle(m_oColor);
-			ctx.setStrokeStyle(m_oColor);
-			ctx.stroke();
 
-			
-			var r = ctx._calcRect(x, y - heightLine);
-			x = Math.round(r.x) + 1;
-			y = Math.round(r.y) - 1;
-			
-			var heightTriangle = Math.round(4 * scaleIndex * scaleFactor);
-			var diffY = 0;
-			for(var i = 0; i < heightTriangle; i++)
+			if(isMobileRetina)
 			{
-				ctx.ctx.moveTo(x - (i) - 2, y + 0.5 + (heightTriangle - i) - diffY);
-				ctx.ctx.lineTo(x + i, y + 0.5 + (heightTriangle - i) - diffY);
+				ctx.setLineWidth(2 * AscBrowser.retinaPixelRatio);
+			}
+			else
+			{
+				ctx.setLineWidth(AscBrowser.retinaPixelRatio * t.width_2px);
 			}
 
-			ctx.setLineWidth(t.width_1px);
 			ctx.setStrokeStyle(m_oColor);
 			ctx.stroke();
+
+			var heightTriangle = 4;
+			y = y - heightLine + 1*width_1px / scaleFactor;
+			_drawFilterDreieck(x, y, heightTriangle, 2);
         };
 
-        var _drawFilterDreieck = function (x, y, height)
+		var _drawFilterDreieck = function (x, y, height, base)
 		{
-			var r = ctx._calcRect(x, y);
-			x = Math.round(r.x) + 1;
-			y = Math.round(r.y);
-
 			ctx.beginPath();
 
-			height = Math.round(height * scaleIndex * scaleFactor);
-			var diffY = Math.round(height / 2);
+			x = x + 1*width_1px/scaleFactor;
+			var diffY = (height / 2) * scaleFactor;
+			height = height * scaleIndex*scaleFactor;
 			for(var i = 0; i < height; i++)
 			{
-				ctx.ctx.moveTo(x - (i + 1), y + 0.5 + (height - i) - diffY);
-				ctx.ctx.lineTo(x + i, y + 0.5 + (height - i) - diffY);
+				ctx.lineHor(x - (i*width_1px/scaleFactor + base*width_1px/scaleFactor) , y + (height*height_1px - i*height_1px/scaleFactor) - diffY, x + i*width_1px/scaleFactor)
+			}
+
+			if(isMobileRetina)
+			{
+				ctx.setLineWidth(AscBrowser.retinaPixelRatio);
+			}
+			else
+			{
+				ctx.setLineWidth(AscBrowser.retinaPixelRatio * width_1px);
 			}
 
 			ctx.setStrokeStyle(m_oColor);
@@ -12754,7 +12757,7 @@
 			else if(null !== isApplySortState)
 			{
 				_drawSortArrow(upLeftXButton + width - 5 * width_1px * scaleIndex, upLeftYButton + 3 * height_1px * scaleIndex, isApplySortState, 10);
-				_drawFilterDreieck(centerX - 4 * width_1px, centerY + 1 * height_1px, 3);
+				_drawFilterDreieck(centerX - 4 * width_1px, centerY + 1 * height_1px, 3, 1);
 			}
 			else if (isApplyAutoFilter)
 			{
@@ -12766,7 +12769,7 @@
 			}
 			else
 			{
-				_drawFilterDreieck(centerX, centerY, 4);
+				_drawFilterDreieck(centerX, centerY, 4, 1);
 			}
 		};
 
@@ -12805,6 +12808,12 @@
 			height = rowHeight;
 		}
 
+
+		if(window['IS_NATIVE_EDITOR'] && 1.9 <= AscBrowser.retinaPixelRatio)
+		{
+			isMobileRetina = true;
+		}
+
 		if(AscBrowser.isRetina)
 		{
 			scaleIndex *= 2;