Why is the circle bigger in CRS.Simple

[haoxl3]

• [x] I'm reporting a bug, not asking for help
• [ ] I've looked at the documentation to make sure the behaviour is documented and expected
• [x] I'm sure this is a Leaflet Draw code issue, not an issue with my own code nor with the framework I'm using (vue)
• [x] I've searched through the issues to make sure it's not yet reported

---

How to reproduce

• Leaflet version I'm using: 1.5.1
• Leaflet Draw version I'm using: 1.0.4
• Browser (with version) I'm using: chrome 80.0.3987.122
• OS/Platform (with version) I'm using: mac
• vue-electron: 1.0.6

What behaviour I'm expecting and which behaviour I'm seeing

I use CRS.Simple draw a circle, I have the center coordinates and the radius(They're all in pixels) . Then I draw a cricle , I get a bigger circle. I know that L.cricle of radius in meters, so I use distanceTo get the distance between the two points and I use that as the radius. But the circle looks like have a bigger radius. my code:

let point = {x: 100, y:200};// pixel
let radius = 50; // pixel

const crs = CRS.Simple;
const zoom = this.map.getZoom();

let cc = crs.unproject(point, zoom);
let pointOnCircle = crs.unproject({point.x + radius, point.y}, zoom);
let len = cc.distanceTo(pointOnCircle);

let layer = window.L.circle(cc, {radius: len});
layer.addTo(this.drawnItem); // this.drawnItem = new window.L.FeatureGroup();

Minimal example reproducing the issue

• [ ] this example is as simple as possible
• [ ] this example does not rely on any third party code