Method drawCanvas

examples/scenes/src/FigmaScene.java:704–773

(Canvas canvas, int width, int height, float dpi, int xpos, int ypos)

    }

    public void drawCanvas(Canvas canvas, int width, int height, float dpi, int xpos, int ypos) {
        try (Paint fill = new Paint();
             Paint stroke = new Paint().setMode(PaintMode.STROKE).setStrokeWidth(1);
             Region clip = new Region();)
        {
            int level = canvas.save();
            clip.setRect(IRect.makeLTRB((int) (241 * dpi), (int) (78 * dpi), (int) ((width - 241) * dpi), (int) (height * dpi)));
            canvas.clipRegion(clip);

            // background
            canvas.translate(241, 0);
            fill.setColor(0xFFE5E5E5);
            canvas.drawRect(Rect.makeLTRB(20, 20, width - 241 - 241, height - 78), fill);

            // top ruler
            fill.setColor(0xFFFCFCFC);
            canvas.drawRect(Rect.makeLTRB(20, 0, width - 241 - 241, 20), fill);

            canvas.save();
            canvas.translate(20, 0);
            fill.setColor(0xFFB8B8B8);
            stroke.setColor(0xFFB1B1B1);
            for (int x = (int) Math.ceil((-offsetX-20) / 50f) * 50; x + offsetX < width - 241 - 241; x += 50) {
                drawTextCenter(canvas, "" + x, offsetX + x + 0.5f, 0, 14, uiFontSmall, fill);
                canvas.drawLine(offsetX + x + 0.5f, 16, offsetX + x + 0.5f, 20, stroke);
            }
            canvas.restore();

            // left ruler
            fill.setColor(0xFFFCFCFC);
            canvas.drawRect(Rect.makeLTRB(0, 20, 20, height - 78), fill);
            canvas.save();
            canvas.translate(0, 20);
            canvas.rotate(-90);
            fill.setColor(0xFFB8B8B8);
            stroke.setColor(0xFFB1B1B1);
            for (int y = (int) Math.ceil((-offsetY-20) / 50f) * 50; y + offsetY < height - 78; y += 50) {
                drawTextCenter(canvas, "" + y, -offsetY - y - 0.5f, 0, 14, uiFontSmall, fill);
                canvas.drawLine(-offsetY - y - 0.5f, 16, -offsetY - y - 0.5f, 20, stroke);
            }
            canvas.restore();

            // cursor pos
            if (clip.contains((int) (xpos*dpi), (int) (ypos*dpi))) {
                float worldX = xpos - 241 - 20 - offsetX;
                float worldY = ypos - 78 - 20 - offsetY;

                fill.setColor(0xFF24A5FB);
                drawTextCenter(canvas, "" + (int) worldX, 20 + offsetX + worldX + 0.5f, 0, 14, uiFontSmall, fill);
                stroke.setColor(0xFFB1B1B1);
                canvas.drawLine(20 + offsetX + worldX + 0.5f, 16, 20 + offsetX + worldX + 0.5f, 20, stroke);

                canvas.save();
                canvas.translate(0, 20);
                canvas.rotate(-90);
                drawTextCenter(canvas, "" + (int) worldY, -offsetY - worldY - 0.5f, 0, 14, uiFontSmall, fill);
                canvas.drawLine(-offsetY - worldY - 0.5f, 16, -offsetY - worldY - 0.5f, 20, stroke);
                canvas.restore();