Smoothing Line in Google Earth Engine

Question

How can I get a smoother line?

var image = ee.Image('users/cananhamzaolu/KIYI500')
var roi = ee.Geometry.Polygon = ([
    [31.577169138841125, 41.30667497201365],
    [33.33498163884112, 41.30667497201365],
    [33.33498163884112, 41.91451886804031],
    [31.577169138841125, 41.91451886804031],
    [31.577169138841125, 41.30667497201365]
])
var clip = image.clip(roi)
Map.addLayer(clip, {
    'min': 0,
    'max': 1
}, 'image', false)
var canny = ee.Algorithms.CannyEdgeDetector({
    image: clip,
    threshold: 0,
    sigma: 1
});
Map.addLayer(canny, {
    'min': 0,
    'max': 1
}, 'canny')

Answer 1

As @kadir suggested you can use a reduceToVector similar to this:

var toVec = canny.select('b1').int().reduceToVectors({
  geometry: roi,
  crs: image.projection(),
  scale: 100,
  geometryType: 'polygon',
  eightConnected: false,
  labelProperty: 'zone',

  
})

Be aware that this creates a vector around your pixels, so it will not be a single line representing the pixels. You'll have to smooth that with the .simplify() functionallity.

https://code.earthengine.google.com/3a15a4a9d9eefb7741636d3eebbf12fc