Сложная верстка
 

Добрый день! У меня есть не простые задания. Ломаю голову, думаю как их сделать, если кто нибудь знает прошу помочь, буду очень очень признателен (или хотя бы скинуть информацию где это можно найти)

http://joxi.ru/dKMEU_3JTJB8WSyJq2k - первое
http://joxi.ru/sqMEUxjKTJATR6BW7dk - второе
http://joxi.ru/VagEUxjKTJDvSIf6OCA - третье

По-мне так только "разрезание" по диагонали можно назвать сложным. Т.к. в мире прямоугольников это действительно необычно...

А первое как сделать? В частности отросток треугольный, чтобы туда бэкграунд продолжался. Тем более, что там все от шрифта зависит

При помощи svg - элементарно, без - с ограничениями.

все можно сделать и без SVG простым HTML, CSS и JS.

Можно. Но зачем?)

Aetae,
Ты хочешь сказать, что эту кнопку просто нужно нарисовать в формате svg??? А с помощью canvas можно сделать?

Можете подсказать как сделать это через svg??? В редакторе нарисовать эту кнопку, или посредством <svg>. Даже если нарисую кнопку, не понимаю как два фона сделать. Синий еще с радиусом О_о

тоже так подумал.

а разрезание текста... а текст можно засовывать в шейпы SVG?

Можно, но не нужно.)