Extrapolar o bezier cúbico dividido para 1,1
Preciso de ajuda com a solução fornecida aqui.
Crie uma função fácil com 40% de desconto
Preciso modificá-lo para que a esquerda e os direitos retornados sejam extrapolados para1,1
depois de dividir. Isso ocorre porque, se eu não extrapolar, não posso usar o bezier cúbico dividido como uma transição de css.
Então este é o teste que eu fiz. Por favor, ajudem porque real não corresponde ao modo mike :( Acho que o problema é que preciso extrapolar o resultado para 1,1. Não posso simplesmente duplicar os valores, embora tenha certeza.
REALease-in-out
écubic-bezier(.42,0,.58,1)
e graficamente éhttp://cubic-bezier.com/#.42,0,.58,1primeira metade éease-in
qual écubic-bezier(.42,0,1,1)
e graficamente éhttp://cubic-bezier.com/#.42,0,1,1seoncd metade éease-out
qual écubic-bezier(0,0,.58,1)
e grpahically éhttp://cubic-bezier.com/#0,0,.58,1A função postada acima retorna o seguinteease-in-out
é o mesmo que este é o ponto de partidaprimeiro semestre, à esquerda, é dado comocubic-bezier(0.21, 0, 0.355, 0.25)
e graficamente éhttp://cubic-bezier.com/#.21,0,.35,.25código retornado:left:[0, 0, 0.21, 0, 0.355, 0.25, 0.5, 0.5]
segunda metade, certo, é dado para sercubic-bezier(0.645, 0.75, 0.79, 1)
e graficamente éhttp://cubic-bezier.com/#.64,.75,.79,1código retornadoright:[0.5, 0.5, 0.645, 0.75, 0.79, 1, 1, 1]
O código usado para obtê-lo da maneira Mike é o seguinte:
var result = split({
z: .5,
x: [0, 0.42, 0.58, 1],
y: [0, 0, 1, 1]
});
alert(result.toSource());