Posso exportar parte de uma página HTML para uma imagem SVG?

Preciso de uma imagem vectorial de um navbox da Wikipédia. Infelizmente, o Inkscape não pode abrir o arquivo HTML, e nem o Opera nem o Chromium podem salvar a página como SVG. Pesquisando, pesquisando, e ainda mais pesquisando não apareceu nada; em particular, 'HTML2svg' parece significar funcionalidade onde o HTML 'fala com' uma imagem SVG dentro dele. Alguém sabe como transformar HTML em SVG, ou a página inteira ou um div na página? Preciso do estilo HTML, CSS e tudo.

Author: Purag, 2012-08-17
Source

5 answers

Eu consegui encontrar um site que fará a conversão para você. Tudo que você tem que fazer é colar o HTML entre as quebras de linha e ele faz o resto. O URL é: http://www.hiqpdf.com/demo/ConvertHtmlToSvg.aspx
 23
Author: Bmize729, 2013-07-30 02:44:34
Encontrei a mesma necessidade e encontrei os seguintes serviços gratuitos que prometem que isto é possível:

  1. O WebVector é um conversor HTML para SVG ou PNG. Ele converte um documento HTML em uma imagem vetorial no formato SVG ou uma imagem bitmap no formato PNG. Os arquivos vetoriais padrão (SVG) podem ser editados por uma variedade de editores gráficos vetoriais, tais como Em ordem.
    http://cssbox.sourceforge.net/webvector/

  2. CutyCapt é um pequeno utilitário de linha de comandos cross-platform para capturar a renderização de uma página web para uma variedade de formatos vectoriais e bitmap, incluindo SVG, PDF, PS, PNG, JPEG, TIFF, GIF e BMP. Veja IECapt para uma ferramenta semelhante baseada no Internet Explorer.
    http://cutycapt.sourceforge.net/

  3. Wkhtmltopdf e wkhtmltoimage são código aberto (LGPL) command line tools to render HTML into PDF and various image formats using the QT Webkit rendering engine. Estes funcionam inteiramente "sem cabeça" e não requerem um serviço de exibição ou exibição. Há também uma biblioteca C, Se você está interessado nesse tipo de coisas.
    http://wkhtmltopdf.org/

--

Perguntas sem resposta: sei que podes usar algo como rasterize.js para tornar os objectos DOM em {[[0]}, mas como é que estas bibliotecas foram construídas de tal forma que eles são capazes de exportar SVG? Especificamente, o WebKit pode ser usado para produzir" pixel-perfect " SVG editável de conteúdo web e excertos de HTML? É uma tarefa relativamente simples para uma biblioteca ou é algo significativamente mais complexo?
 27
Author: JeremyFelix, 2016-10-27 14:55:18

Você pode tentar Wkhtmltoimage Ele pode converter HTML para SVG e muitos formatos diferentes

 5
Author: user1566713, 2015-11-17 15:40:01

Tentei o conselho do xthexder: imprimir para Ficheiro. (And then converting PDF to SVG.) Eu tentei Opera, Firefox, e cromo sob Linux; visão geral abaixo. É uma pena os insectos da Ópera.

Fiz esta resposta wiki comunitário; adições para outras boas-vindas.

Opera 11.61 (Linux)

  • suporta a impressão em SVG (!), PDF, and PS
  • usa a folha de estilo do autor (a menos que escolha uma folha de estilo diferente do menu Ver ou desactive o CSS)
  • com PDF e PS saída, nenhum texto é colocado no arquivo! Este é o v. strange e deve ser um insecto.
  • Se eu escolher a saída de SVG, O Opera produz um ficheiro {[[0]} mas escreve o código de PostScript nele. :-(

Firefox 11. 0 (Linux)

  • suporta impressão em PDF e PS
  • ignora a folha de estilo do autor, as impressões em preto e branco
  • usa um tipo de letra Dejavu Serif num tamanho um pouco grande
Crómio 17 (Linux)
  • suporta impressão apenas para PDF
    • Ignora o autor folha de estilo, impressões a preto e branco
  • Usa Times New Roman
 1
Author: Esteis, 2012-08-20 09:14:29

Podes tentar http://www.letime.net/alpha/glm.html

Faz o texto para HTML5 desenha em CSS3

 0
Author: pierre jocelyn andre, 2015-09-27 15:56:14