Como posso exportar modelos do Evolus Pencil para o SVG?

Question

O Evolus Pencil é uma poderosa ferramenta mock-up de GUI para FOSS. Infelizmente, ele não suporta exportação SVG pronta para uso. Existe alguma maneira que eu ainda possa converter minhas maquetes de lápis para SVG?

    

Answer 1

Visão geral

Acontece que existe uma maneira de fazer isso usando xsltproc , um processador xslt de linha de comando. A folha de estilo que vamos usar foi desenvolvida por Robert Kosten e lançada no emite um rastreador da página do projeto Pencil evolus .

Citado no relatório de erros:

  

Eu adoraria ter isso através da interface do usuário, mas até então eu escrevi   uma pequena folha XSLT que basicamente apenas retira tudo, desde o    link namespace (Principalmente gerenciamento   dados não necessários em uma exportação de qualquer maneira). O arquivo resultante deve funcionar   bem no Firefox (onde a tag foreignObject do SVG está bem   suportado), mas bibliotecas como o batik (usado no apache fop, por exemplo)   terá problemas com o XHTML, XUL ou XLink nele. Eu pretendo   estender a folha para suportar pelo menos alguns desses elementos I   encontro, mas eu não vou fazer promessas que não posso cumprir; -)

     

O arquivo anexado também pode ser encontrado como parte da minha coleção de ferramentas   (usado para gerar DocBook e depois PDF para meus projetos):    link

     

Ele está atualmente sob a GPLv3, mas eu estaria disposto a liberá-lo sob   GPLv2 então ninguém tem que invocar "qualquer versão posterior" se alguém quiser   incluí-lo em seu software; -)

Instalação

Faça o download da folha de estilos do link acima ou copie e cole a seguinte passagem em um arquivo chamado ep2svg.xsl :

<?xml version="1.0" encoding="UTF-8"?>
<!--
This file is part of de.robertkosten.tools. de.robertkosten.tools is
free software: you can redistribute it and/or modify it under the terms of
the GNU General Public License as published by the Free Software Foundation,
either version 3 of the License, or (at your option) any later version.
de.robertkosten.tools is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General
Public License for more details. You should have received a copy of the GNU
General Public License along with de.robertkosten.tools. If not, see
<http://www.gnu.org/licenses/>.

I suggest calling this with:
xsltproc -o dir/ ep2svg.xsl input.ep

@author Robert Kosten
-->
<xsl:stylesheet version="1.0" extension-element-prefixes="exsl" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns="http://www.w3.org/2000/svg" xmlns:p="http://www.evolus.vn/Namespace/Pencil" xmlns:html="http://www.w3.org/1999/xhtml" xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:xi="http://www.w3.org/2001/XInclude" xmlns:exsl="http://exslt.org/common">
    <xsl:output omit-xml-declaration="yes" />
    <xsl:strip-space elements="p:Document p:Pages p:Page"/>

    <xi:include href="includes/tools.xsl" />

    <xsl:template match="/p:Document">
        <xsl:apply-templates />
    </xsl:template>

    <xsl:template match="p:Pages">
        <xsl:apply-templates />
    </xsl:template>

    <xsl:template match="p:Page">
        <exsl:document href="{p:Properties/p:Property[@name='name']}.svg" method="xml" version="1.0" encoding="utf-8" doctype-public="-//W3C//DTD SVG 1.1//EN" doctype-system="http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" media-type="image/svg+xml">
            <svg version="1.1">
                <xsl:apply-templates />
            </svg>
        </exsl:document>
    </xsl:template>

    <xsl:template match="p:Content">
        <xsl:apply-templates />
    </xsl:template>

    <xsl:template match="*[namespace-uri() != 'http://www.evolus.vn/Namespace/Pencil']">
        <xsl:copy>
            <xsl:copy-of select="@*[namespace-uri() != 'http://www.evolus.vn/Namespace/Pencil']" />
            <xsl:apply-templates />
        </xsl:copy>
    </xsl:template>

    <xsl:template match="*">
        <!-- Void -->
    </xsl:template>

</xsl:stylesheet>

Salve o seguinte script como ep2svg.sh :

#!/bin/bash

# converts evol.us Pencil mockup files to svg
# (c) 2013 Glutanimate (http://askubuntu.com/users/81372/)
# released under GNU GPL v2
# XSL source: (c) 2013 Robert Kosten (https://code.google.com/p/evoluspencil/issues/detail?id=260#c1)

XSLFILE="./ep2svg.xsl"
WORKINGDIR=$(dirname "")


xsltproc -o "$WORKINGDIR"/ "$XSLFILE" "$@"

Certifique-se de apontar XSLFILE para o local certo.

Uso:

ep2svg.sh <mockup1.ep> <mockup2.ep> ...

    

Answer 2

Se você estiver usando os mockups com Java e maven developmnet, você pode usar o plugin maven pencil2svg-maven-plugin .