Faça perguntas sobre como capturar ou converter páginas da Web ou HTML into imagens, documentos CSV, PDF ou DOCX, além de como converter vídeos into GIF animado usando nossa API.
Existe uma maneira de usar o javascript GrabzIt em meu local e/ou em uma página que não seja pública?
obrigado
Sim, basta chamá-lo de localhost ou mesmo apenas de um arquivo html e ele funcionará. Por favor, diga-me se você tiver algum problema.
OK, obrigado. Estou começando a entender isso um pouco mais. Eu estava lendo esta página: https://grabz.it/support/article/html-tips/.
Algumas perguntas sobre isso:
1) Se eu usar o ConvertHTML, o CSS precisa estar dentro do Div do qual estou tentando fazer uma captura de tela? Ou não há problema em ter folhas de estilo fora desse Div?
2) Algumas das fontes que estou tentando capturar não aparecem com a fonte correta. As fontes são tratadas de maneira diferente?
ConvertHtml pode converter um string do HTML, você pode incluir o CSS, mas se não o fizer, precisará garantir que qualquer folha de estilo externa esteja usando URLs absolutos.
As fontes devem funcionar se forem referenciadas corretamente usando URLs absolutos, etc. no CSS.
Obrigado. Outra pergunta. Existe uma maneira de aumentar a imagem final sem deixar espaço em branco à direita e na parte inferior?
Por exemplo, estou tentando fazer uma captura de tela de um Div de 500x300, mas quero ampliá-lo para 750x450. Quando defino a largura para 750 e a altura para 450, ele cria uma imagem de 750x450, mas o div do qual estou tirando uma captura de tela aparece apenas como uma imagem de 500x300 e o resto do espaço fica em branco.
obrigado
Além disso, tenho tentado o ConvertPage e também não está funcionando, mas com resultados diferentes. Abaixo está um exemplo do que fiz. Ele corta a imagem e mostra apenas metade dela.
GrabzIt("CHAVE DE APLICATIVO").ConvertPage({
"target": "#paddAroundExport",
"atraso": 3000,
"formato": "png",
"transparente": 1,
"altura": -1,
"altura": -1,
"largura": -1
}).AddTo("finalImageID");
Oi Josh,
Para sua primeira pergunta, você pode definir o tamanho do navegador para 500 por 300. Em seguida, defina a largura maior para aumentá-lo.
Há mais informações no artigo vinculado.
No seu segundo point, seria possível consultar a página com a qual você está tendo problemas?
OK, vejo como funciona a expansão agora para ConvertHTML. Obrigado, isso é muito útil. Fiquei um pouco confuso com o que eram altura e largura. Estou chegando perto de usar o ConverHTML, mas algumas coisas ainda estão erradas. Esta opção pode ser difícil para mim porque todas as folhas de estilo precisam estar acessíveis, o que é difícil para mim, pois preciso trabalhar na minha versão local para testá-la.
A opção ConverPage parece ser a melhor, mas estou um pouco mais longe de fazer esta funcionar. A maior parte do que estou fazendo é localmente ou por meio de um login. As capturas de tela ajudariam? Talvez eu possa lhe enviar algumas capturas de tela por e-mail? Caso contrário, talvez eu possa usar algo como JSFiddel para tentar recriar o problema.
obrigado
Você ainda não consegue referenciar o CSS com URLs absolutos? por exemplo, https://www.example.com/styles/main.css
Uma captura de tela não ajudaria muito, infelizmente, pois não seríamos capazes de descobrir por que ela está capturando apenas parte do div. Se você puder colocá-lo em um arquivo HTML separado ou JSFiddle para que possamos ver o problema. Esperamos poder consertar ou aconselhar sobre isso.
Em relação ao CapturePage acabei de divulgar qual é o problema. O método CapturePage precisa ter acesso a quaisquer recursos disponíveis publicamente, conforme descrito em Este artigo.
OK, não sei qual é a minha melhor opção aqui. Acho que ainda não entendi completamente o que preciso fazer. Parece que a única opção que tenho para que isso funcione no meu local é usar o ConvertHTML. Isso está correto?
Não tenho certeza se você faz isso, mas seria possível entrar em contato com você pelo Zoom brevemente? Se eu conseguir que isso funcione conforme necessário, atualizarei para o Enterprise. Estou até disposto a atualizar para o Enterprise imediatamente se você estiver disposto a usar o Zoom (posso configurá-lo). Eu acho que isso seria save nós dois temos tempo para que possamos parar de ir e voltar.
Ok, nunca usei isso antes, mas vou tentar.
Por favor, você pode enviar os detalhes através do nosso Formulário de Contato.
Obrigado pela ajuda hoje. Consegui fazê-lo funcionar com sua ajuda e um detalhe adicional. Adicionei um div que envolve o conteúdo que enviei por meio do convertHTML e usei a opção target para obter esse div específico. Isso fez com que funcionasse perfeitamente.
Percebi o que estava acontecendo quando criei uma página de teste com exatamente o conteúdo que estava enviando através do ConvertHTML. A imagem capturada estava capturando uma tag corporal que parece ter sido adicionada pelo navegador, embora eu não estivesse enviando nenhuma. Não tenho certeza se isso é culpa minha ou um bug no GrabzIt, mas gostaria de mencionar isso caso seja um bug.