Quase todos os quadros compartilhados funcionam pondo seu desenho no servidor de outra pessoa e dando um link de sala. Este conecta os dois navegadores entre si: vocês trocam um código de conexão uma vez, pelo chat que já usam, e os traços viajam diretamente entre vocês. Não há sala, nem link que permaneça ativo, nem nada deixado para trás quando a aba fecha. Seis ferramentas, seis cores, um desfazer que só tira seus próprios traços, e exportação em PNG, SVG ou PDF. Também funciona perfeitamente sozinho.
Recursos
Lápis, marcador, linha, retângulo, elipse e borracha
Os traços são compartilhados ao serem concluídos, em coordenadas normalizadas
Desfazer tira seu último traço, não o da outra pessoa
Quem entra depois recebe o quadro como ele está
Conexão direta navegador a navegador, sem sala e sem nada no meio
Traços recebidos são validados antes de tocar o canvas
Exporte em PNG, em SVG vetorial ou em PDF paisagem
Como usar Quadro colaborativo
Desenhe direto: nada precisa ser configurado para trabalhar sozinho
Para desenhar com alguém, crie um código de convite e envie
A outra pessoa cola, devolve o código de resposta e vocês se conectam
Exporte o quadro em PNG, SVG ou PDF ao terminar
Exemplo
Entrada
Invitation code created, pasted into a chat, reply code pasted back
Saída
Connected · local network — both boards now show the same strokes.
A linha de rota indica se a conexão ficou na rede local.
Erros comuns e solução de problemas
Os dois navegadores não se conectam. — Ou as duas redes estão atrás de um NAT restrito, ou esta rede bloqueia a resolução de nomes locais que dois dispositivos no mesmo wi-fi usam para se achar. Tentar de outra rede costuma esclarecer qual é.
A outra pessoa vê o quadro vazio. — O quadro como estava é enviado quando a conexão abre. Desenhe mais um traço para forçar uma sincronização se algo foi desenhado durante o aperto de mão.
O código de conexão é muito longo. — Ele carrega os dados de rede necessários para conectar. Cole como um bloco só: um código quebrado em linhas por um app de chat não decodifica.
Meu desenho sumiu ao recarregar. — O quadro vive só na página. Exporte antes de fechar, porque não há nada guardando em lugar nenhum.
Perguntas frequentes
Onde o quadro fica guardado?
Em lugar nenhum. Ele existe nos dois navegadores que desenham nele e some quando fecham. É o preço de não ter servidor: nada para vazar, e nada a que voltar.
Mais de duas pessoas podem entrar?
Não: é uma conexão direta entre dois navegadores. Três pessoas exigiriam algo retransmitindo entre elas, que é justamente o que isto evita.
O código de conexão é sensível?
Ele contém os endereços de rede em que seu dispositivo pode ser alcançado, então trate como um número de telefone: envie à pessoa com quem você desenha, não a um lugar público.
A borracha apaga os traços de verdade?
Ela pinta branco por cima, que é o que você vê. Desfazer remove um traço de fato, e só remove os seus.
Qual exportação usar?
SVG continua nítido em qualquer tamanho e é o melhor para algo que você vai reutilizar. PNG para colar numa mensagem, PDF para imprimir ou anexar.