Issues with Drawing System Placement

Help and Feedback Scripting Support
1

Firstly, my mouse icon is not following correctly (See below)

https://gyazo.com/a1051f1d707611bd212486803ff322c6

Mouse icon code:

local function OffsetToScale(Offset)
	local ViewPortSize = workspace.Camera.ViewportSize
	return ({Offset[1] / ViewPortSize.X, Offset[2] / ViewPortSize.Y})
end

		if isInFrame == true then
			BrushCircleDecal.ImageTransparency = 0
			local ScalePos = OffsetToScale({Mouse.X, Mouse.Y})
			BrushCircleDecal.Position = UDim2.fromScale(ScalePos[1], ScalePos[2])
			InputService.MouseIconEnabled = false
		else
			BrushCircleDecal.ImageTransparency = 1
			InputService.MouseIconEnabled = true
		end

Secondly, my drawing is not placing correct spot when I try placing with scale, the canvas is in scale yes (Also shown in video)

Yes, I know there is gaps between the lines in the video, that I am working on but this needs to work first

Code for drawing:

local DrawCircle = CircleBrush:Clone()
local ScaleSize = OffsetToScale({20, 20})
DrawCircle.Size = UDim2.new(ScaleSize[1],0, ScaleSize[2], 0)
DrawCircle.Parent = Canvas
local X = mouse.X - Canvas.AbsolutePosition.X
local Y = mouse.Y - Canvas.AbsolutePosition.Y
local ScalePosition = OffsetToScale({X, Y})
DrawCircle.Position = UDim2.fromScale(ScalePosition[1], ScalePosition[2])