21 lines
901 B
HTML
21 lines
901 B
HTML
---
|
|
layout: example.html
|
|
title: Smoothing lines using Chaikins algorithm
|
|
shortdesc: This uses Chaikins algorithm to smooth drawn lines.
|
|
docs: >
|
|
This example uses the npm package [`chaikin-smooth`](https://www.npmjs.com/package/chaikin-smooth) which
|
|
implements [Chaikins algorithm](http://graphics.cs.ucdavis.edu/education/CAGDNotes/Chaikins-Algorithm/Chaikins-Algorithm.html)
|
|
to smooth drawn lines.
|
|
|
|
Start by drawing on the map. Once you finish a drawing, the feature's geometry will be smoothed
|
|
as configured via the form elements.
|
|
tags: "smooth, smoothing, chaikin"
|
|
---
|
|
<div id="map" class="map"></div>
|
|
<form>
|
|
<label for="shall-smoothen">Smooth drawn geometry?</label>
|
|
<input id="shall-smoothen" type="checkbox" checked><br>
|
|
<label for="iterations">Number of smoothings</label>
|
|
<input style="width: 250px;" type="range" id="iterations" min="2" max="10" step="1" value="5">
|
|
</form>
|