Melhorar a sua experiência do usuário adicionando editor gráfico SVG para o seu site em menos de 2 minutos

Este é provavelmente o mais legal livre add-on você pode incorporar em seu site em 120 segundos ou menos.SVG é um editor livre aberta vetor fonte de gráficos que é muito mais poderoso do que você possa imaginar.Você pode se surpreender que ele tem camadas.Você pode carregar gráficos em apenas clicando e arrastando-os. Ele ainda não permite que você edite arquivos gráficos que você traz dentro, mas você pode usar estas imagens como objetos em sua criação gráfica.SVG ainda suporta camadas.As instruções a seguir irão ajudá-lo a aprender a incorporar este editor de gráficos em seu site em apenas alguns minutos.Além disso, vou mostrar como você pode, alternativamente, baixar o código fonte e servir-se a si mesmo.Além disso, se o tempo permitir, as adições serão feitas a esta wiki, incluindo algumas das características que trará a experiência do seu usuário quando eles visitam seu site.

SVG está em desenvolvimento ativocom 26 membros contribuintes, chamadas mensais conferências etc Dê uma espiada em um programa demonstrativo da versão mais recente no desenvolvimento.Eu não recomendo que você use este em seu site, mas é divertido de se olhar.Eu recomendo que você use a última versão estável em seu lugar.

Você pode incorporar diretamente do svn a versão estável mais recente, que tem a vantagem de sempre servindo aversão mais recente, sem a necessidade de você fazer nada.

& lt; iframe src = "http://svg-edit.googlecode.com/svn/tags/stable/editor/svg-editor.html" width = "800" height = "700" & gt;& Lt; / iframe & gt;

Alternativamente, você pode optar por incorporar uma versão especial diretamente do svn.Desta forma, você pode verificar novas versões antes de liberá-los para o seu site visitantes.Uma vez que você está confortável você quiser roll-out a nova versão você pode simplesmente mudar o número da versão para o último galho.

& lt; iframe src = "http://svg-edit.googlecode.com/svn/branches/2.6/editor/svg-editor.html" width = "800" height = "700"& gt;& Lt; / iframe & gt;

hospedagem SVG si mesmo é tão fácil assim.Leva apenas marginalmente mais tempo para instalar o código-fonte em seu servidor.Supondo que você tem acesso ssh para o servidor, e que o servidor tem dois utilitários muito comum, wget e descompacte, as instruções são as seguintes:

sh-4.2 $ mkdir SVG sh-4.2 $ CD SVG sh-4.2 $ wget http://svg-edit.googlecode.com/files/svg-edit-2.6.zip. .. saída wget não mostrado para o seu conforto. .. sh-4.2 $ unzip svg-edit-2.6.zip. .. não arquivos mostrados para o seu conforto. .. sh-4.2 $ CD SVG-edit-2,6-sh 4,2 $ mv*. . sh-4.2 $ CD. .

Agora navegue até http://yourdomain.com/svg/svg-editor.html

Você deverá ver o aplicativo SVG-Edit em execução no seu browser.

• Usando o iframe incorporado técnica tem a vantagem de atualizações instantâneas para a versão mais recente assim que estiverem disponíveis.Por outro lado, se este projecto fosse para mudar seu formato de liberação, ou lançar uma nova versão com bug, os usuários seriam prejudicados.
• Se você optar por baixar SVG e hospedá-lo em seu servidor, não se esqueça de verificar as atualizações periodicamente para dar aos seus usuários o benefício adicional de recursos recém-lançados.
• Todos os principais navegadores são suportados sábio nativo, exceto, você adivinhou-lo, isto é, que exige que o Chrome Frame Plugin
• Considere doar a este projecto, é seriamente legal ter esse tipo de poder em um navegador web.

Usando os recursos parciais de SVG-editor na minha aplicação?

Oi, eu quero desenvolver um aplicativo web com alguns dos gráficos característica que eu ver no editor de SVG.Eu quero uma parte mínima que será útil no meu projeto.Eu tenho que simplesmente baixar o código e modificá-lo ou se há alguma biblioteca e API do que eu posso usar para obter funcionalidade diferente, que pode ser usado no meu projeto.como funciona? Thanks & amp;Refere

VisiHow QnA.Esta seção ainda não está escrito.Quer participar?Clique em Editar para escrever esta resposta.

Como para SVG editar instalar no banco de dados?

Quero criar quadro branco usando svg-editar

Ele só vai funcionar se você estiver usando o Internet Explorer versão 6, 7 ou 8. Você também pode fazê-lo funcionar com outros tipos de plugins SVG.

eu ter baixado os arquivos src, mas ele não funciona no navegador IE11?

Quando abro o SVG-editor.html, o que exibir é apenas o quadro, não há imagens ou resposta

VisiHow QnA.Esta seção ainda não está escrito.Quer participar?Clique em Editar para escrever esta resposta.

a todas as etapas: Eu tenho um site wordpress simples.Falha para incorporar SVG edição.Ajuda solicitado?O

O iFrame não aparecer em cromo ou qualquer outro

VisiHow QnA.Esta seção ainda não está escrito.Quer participar?Clique em Editar para escrever esta resposta.

Quem posso contactar para o desenvolvimento de um Editor de impressão on-line usando SVG-edit?

Quer criar um editor de impressão on-line semelhante ao http://design.nextdayflyers.com/tool.php#template_id=12489&theme_id=39

VisiHow QnA.Esta seção ainda não está escrito.Quer participar?Clique em Editar para escrever esta resposta.

Embed ferramentas de pintura em uma imagem na página da Web?

eu quero usar ferramentas de pintura para uma imagem em uma página web.Eu quero fazer marcações na imagem na página

VisiHow QnA.Esta seção ainda não está escrito.Quer participar?Clique em Editar para escrever esta resposta.

Saving como png sem usar o browser, e salvar no servidor?

Hi, null, Desculpe pelo meu Inglês pobre.Normalmente Flamenga e eu não ter aprendido Inglês na escola.No meu projeto eu uso SVG-edit para criar um desenho que inserir em um arquivo pdf.Eu uso o PHP e FPDF, mas FPDF não pode exibir arquivos SVG em pdf, assim que eu quero convertê-los para png, que pode ser inserido também.Meus usuários só quer usar botão 'Save' para salvar a imagem.No arquivo de configuração, eu não encontrei nada para colocar nele.Espero que você entenda o meu problema, pode haver e existe solução pronta para uso.Desde já, obrigado.

VisiHow QnA.Esta seção ainda não está escrito.Quer participar?Clique em Editar para escrever esta resposta.

• Se você tiver problemas com qualquer uma dessas etapas, fazer uma pergunta para obter mais ajuda, ou postar na seção de comentários abaixo.