Tasarımları uygulamalarda vektör (XML/svg) dosyası olarak dışa aktarma?

Question

Nihai hedefim, mobil uygulamalarda oluşturulan tasarımları vektör grafikleri olarak dışa aktarmaktır. Şekillerdeki köşelerin bir listesini ve her bir şeklin içinde yer alan ilgili renklerin bir listesini aldığımı ve bu tasarımın bir mobil uygulamada görüntülendiğini varsayalım (cocos2d-x kullanıldığından iOS ve Android). Bu bilgiyi bir vektör dosyasına (aslında bir XML dosyası olan SVG dosyası) dönüştürmek mümkün mü?

Answer 1

SVG, bir yolun yolunu oluşturan çizgileri saklayan bir path öğesi içerir. d özniteliği bir yol dizesini saklar ve style öznitelikleri, yolun strok ve dolgu gibi stilini depolar. önemsediğiniz gereken birkaç şey vardır SVG bir şekil vermek için:

• piksel (width ve height nitelikler) içinde SVG büyüklüğü

  Örnek: <svg width='640px' height='640px'

• boyut piksel olarak şekil (viewBox özellikler) içinde

  Örnek: viewBox='0 0 100 100'

inme için kullanılan

• renk şekli

  Örnek: style='stroke:red;' veya style='stroke:none;'

• her bir biçimi

  Örnek doldurmak için kullanılan renk: style='fill:blue;' veya style='fill:none;'

• yolun şeklini

  Örnek: d='M10 10L20 20 L30 10Z'

  • Her yol divided into commands'dur. M komutu kalemi hareket ettirir, L komutu çizer yeni bir konuma çeker ve Z komutu şekli kapatır.

Örnek SVG dosyası:

<svg width='640px' height='640px' viewBox='0 0 100 100' 
    xmlns='http://www.w3.org/2000/svg'> 
    <path style='stroke:red;fill:none' d='M10 10L20 20 L30 10Z'/> 
</svg>