SVG yollarını test etmek için çevrimiçi araçlar var mı?

SVG paths'u kullanan bir uygulama yapıyorum ve oluşturduğum yollarımı görmek istiyorum. Bir site var mı, bir SVG yoluna yapıştırabilir, doğrulanmış olsun ve işlenmiş olarak görebileceğiniz JSFiddle gibi bir şey söyle?SVG yollarını test etmek için çevrimiçi araçlar var mı?

EDIT: JSFiddle'ın bir çerçeve olarak Raphael.js, svg.js, vb. Öğesini seçerek bunun için oldukça iyi çalıştığını buldum. Örneğin. Benim ihtiyaçları için yeterli muhtemelen iyi, ama SVG Yollar testi ve hata ayıklama düzenleme yardımcı olmak için diğer araçlar var olup olmadığını bilmek güzel olurdu http://jsfiddle.net/DFhUF/1393/

var paper = Raphael(0, 0, 300, 500); 

paper.path("M75,75 m-50,0 a50,50 0 1,0 100,0 a50,50 0 1,0 -100,0") 
.attr({stroke: "#808", opacity: 1, "stroke-width" : 6}) 

paper.path("M75,225 m-40,-50 h80, a10,10 0 0,1 10,10 v80 a10,10 0 0,1 -10,10 h-80 a10,10 0 0,1 -10,-10 v-80 a10,10 0 0,1 10,-10") 
.attr({stroke: "#808", opacity: 1, "stroke-width" : 6})

kaynak

2013-07-05 ericsoco

Sadece tarayıcınızda .SVG açmak benim yardımcı web sayfası kullanabilirsiniz. Yoksa bir şey mi özlüyorum? – andy256

.svg dosyaları, SVG Yolları. olduğu gibi: https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths bunu yapmanın bir yolu olsa da, teşekkürler. – ericsoco

Neden yolunuzu bir SVG '' elemanına koyup tarayıcınızda veya seçtiğiniz SVG görüntüleyicide göremiyorsunuz? –

içinde bulunduğunu varsayarsanız, tarayıcınızda SVG'yi hızlı bir şekilde denemek ve dosyaları kaydetme ve yükleme ile uğraşmak istemiyorsanız jsFiddle mükemmel bir seçenektir.

Sadece bir şablon olarak şu kodu kullanın:

<svg xmlns="http://www.w3.org/2000/svg"> 
    <path d="your path data here"></path> 
</svg>

Ben sample to work from here yarattı. JsFiddle, sol taraftaki açılır menüden D3, PaperJs ve Raphael gibi çerçeveleri de destekler.

kaynak

2013-11-26 12:14:37

Düzenleme: Bunu yayınlamadan önceki güncelleme

bir .svg adıyla bir metin dosyasına içine SVG yolunu yapıştırın ve bir tarayıcısında açın ... nedense göstermedi. Alternatif olarak, bu

<html> 
    <head><title>My SVG test page</title></head> 
    <body> 
    <h1>My SVG test</h1> 
    <object id="SVG" type="image/svg+xml" data="MySvgTest.svg" 
     width="1000" height="1500"/> 
    </body> 
</html>

gibi küçük bir sayfa oluşturmak ve (the Primer bakınız) tarayıcısında açın. SVG'nizin MySvgTest.svg

kaynak

2013-07-08 23:41:37 andy256

birkaç yerde test etmek ve canlı çimdik:

~~http://scriptdraw.com~~ artık korunur.

kaynak

2014-03-21 17:44:25 darcher

Sen http://naiksoftware.github.io/svg.html