Как реализовать фигурную линию в резиновой верстке

Добрый день!
Подскажите, пожалуйста, как можно такое реализовать при резиновой верстке?

Спасибо.

Ответ

Если честно, то я старался, но увы :D, как у вас на картинке не вышло, ибо займет очень много времени. Да, реализовано кривыми Безье, и сама общая кривая состоит из нескольких частей. Вот картинка для понимания, как вообще происходило строение: Как видно, метод bezierCurveTo() позволяет прорисовать только одну кривую Безье, по этому пришлось сделать несколько кривых (может быть я и не прав). В общем вот отладочный код, который выше на скриншоте: http://pastebin.com/fkRtBvA8 Вот пример: http://jsfiddle.net/Fw5Q9/ И собственно сам код:

Алсо, вам придется попотеть, находя идеальные значения для каждой кривой. Я делал всё на листочке: Но потом понял, что расчеты получились кривые и сохранить пропорции не получится, а переделывать уже не было времени.