FileMaker'da Butonlara Simge Ekleme (SVG)

FileMaker'da Butonlara Simge Ekleme (SVG)

Giriş

14 sürümüyle başlayan FileMaker ^® Pro'nun tüm sürümlerinde, düğmeleri ve düğme çubuklarına .svg biçiminde özel simgeler ekleyebilirsiniz. SVG (Ölçeklenebilir Vektör Grafikleri), 2D vektör grafiklerini tanımlamak için kullanılan bir W3C XML tabanlı standarttır. Bu standart kapsamlıdır ve az sayıda uygulama bütünlüğünü desteklemektedir - genellikle sadece en pratik alt kümesi uygulanır. Bu belge, FileMaker'ın düğmelerdeki ve düğme çubuklarındaki özel simgeler için desteklediği belirli bir alt kümesi açıklar ve örnekler sağlar. Bu SVG alt kümesinin uygulanması, hafif, taşınabilir, ayrıştırılması hızlı ve altta yatan platforma özgü grafik oluşturma kitaplıklarına eşlemesi kolaydır. Bu SVG uygulaması, standartta belirtilen her grafik elemanı ve seçeneği desteklemese de, desteklenen özellikler sıklıkla kullanılır ve çeşitli vektör görüntüleri oluşturabilir.

SVG Yapısına Genel Bakış

Bu örnek, bir şekil veren tipik bir minimal SVG dosyasını gösterir - bu durumda, kırmızı bir katı dolgu ve mavi bir kenarlık içeren yuvarlatılmış bir dikdörtgen.

<?xml version="1.0" encoding="utf-8"?>

<svg version="1.1"

xmlns=http://www.w3.org/2000/svg"

xmlns:xlink="http://www.w3.org/1999/xlink"

width="200"

height="200">

<rect x="50"

y="25"

rx="5"

ry="5"

width="100"

height="125"

style="fill:red;stroke:blue"/>

</svg>

Bu SVG dosyası aşağıdaki unsurlara sahiptir:

Ø <? Xml version = "1.0" encoding = "utf-8"?> XML bildirimi, sürüm ve kodlama bilgilerini sağlar. FileMaker için, UTF-8 kodlaması tercih edilir ve UTF-16 desteklenmez.

Ø Aşağıdaki özniteliklere sahip bir <svg> kök öğesi:

version - belgenin uygun olduğu SVG sürümü.
xmlns = "http://www.w3.org/2000/svg" - tüm SVG öğelerinin SVG ad alanına ait olduğunu belirten bir ad alanı bildirimi.
xmlns: xlink = "http://www.w3.org/1999/xlink" - bir SVG dosyasının iç bağlantılar içermesine izin veren bir ad alanı bildirimi ( <defs> altındaki öğeler gibi).
genişlik - geçerli kullanıcı koordinat sisteminde görüntünün görüntü alanının genişliği.
yükseklik - geçerli kullanıcı koordinat sistemindeki görüntünün görüntülenme yüksekliği.

Ø Görüntü içeriğinin çeşitli şekillerini ve özelliklerini açıklayan <rect> gibi grafik öğeler ( <svg> alt öğeleri).

Ø Genel olarak, bir grafik eleman geometrik bir şekli temsil eder ve bir şeklin nasıl işlendiğini tanımlar. Aşağıdaki özelliklere sahiptir:

Ø Render, birkaç XML özniteliği ile tanımlanır.

Ø Bazı özellikler geometrik bilgileri belirtir (örneğin, konum, boyut ve koordinat dönüşümü).

Ø Bazı özellikler ekran özellikleri bilgilerini belirtir (örneğin, kontur veya dolgu rengi).

Ø Bazı özellikler ebeveynlerinden miras alınabilir (örneğin, <g> içine yerleştirilmiş bir <rect> , tüm grup için tanımlanmış bir dolgu rengini miras alacaktır).

Desteklenen SVG Öğeleri

Desteklenen SVG öğeleri şunlardır:

Kategori	Elementler
Temel geometrik şekiller	<line> <rect> <circle> <ellipse>
Karmaşık geometrik şekiller	<polyline> <polygon> <path>
Gruplandırmaları	<svg> <g> <symbol> <use>
Tanımlar	<defs>
Renk Geçişleri	<linearGradient> <radialGradient> <stop>

En önemli öğe <yol>, çünkü çoğu görüntü karmaşık şekillerden oluşuyor.

Koordinat Sistemi, Dönüşümler ve Birimler

Koordinat sistemi

SVG'de, bir koordinat sistemi Kartezyen koordinat sistemine benzer - bir düzlemde bir pozisyonu benzersiz olarak tanımlayan bir çift sayı. Ancak, orijin sol üstte, pozitif x ekseni sağa işaret ediyor ve pozitif y ekseni aşağıya bakıyor.

Dönüşümler

Dönüşümler, dönüşümlerin uygulandığı elemanın içinde yeni bir koordinat sistemi kurar. SVG'de, bu genellikle eğriltme, çevirme ve ölçek efektlerini gerçekleştirmek için doğrudan dönüştürme özelliği üzerinden yapılır. Matematiksel olarak, bir dönüşüm, mevcut kullanıcı koordinatlarına 3'lük bir homojen matrisin (dönüştürmenin nasıl yapılacağını temsil eden) çarpılmasının bir sonucudur.

Dönüşümler art arda uygulandığında, etki aşağıdaki matris çarpma zincirine benzer. Sadece ilk altı değer kullanıldığından, [abcdef] vektörü bir matrisi minimal olarak belirtebilir.

Desteklenen dönüşüm türleri şunlardır:

Dönüşüm	Açıklama
matrix(a,b,c,d,e,f)	[Abcdef] vektörünü üretir.
translate(tx ty)	X ekseni boyunca tx ve y ekseni boyunca ty çevirir. Bu, vektöre eşdeğerdir [1 0 0 1 tx ty].
scale(sx sy)	X ekseni boyunca sx ve y ekseni boyunca s. Eğer sy yoksa sx'e eşit olduğu varsayılır. Bu, vektöre eşdeğerdir [sx 0 0 sy 0 0].
rotate(angle cx cy)	Belirli bir nokta hakkında döner (cx, cy). Açı radyan cinsindendir. İsteğe bağlı cx ve cy parametreleri sağlanmazsa, geçerli kullanıcı koordinat sisteminin kaynağı hakkında döner.
skewX(angle)	X ekseni boyunca çarpıklıklar. Açı radyan cinsindendir. Vektörü [1 0 tan (açı) 1 0 0] üretir.
skewY(angle)	Y ekseni boyunca çarpıklıklar. Açı radyan cinsindendir. [1 tan (a) 0 1 0 0] vektörünü üretir.

Birimler

Desteklenen tek birim, aksi belirtilmedikçe, kullanıcı koordinatlarıdır. Tüm koordinatlar ve uzunluk özellikleri ünite sembolleri olmadan ifade edilmelidir. Bu sınırlama sadece FileMaker tarafından desteklenen SVG için geçerlidir.

SVG Şekil Görüntüleme Özellikleri

Her SVG şekli için iki temel çizim işlemi vardır: bir şeklin kenarının nasıl çizildiği (kontur) ve şeklin iç kısmının nasıl oluşturulduğu (dolgu).

İnme özellikleri

İnme karakteristikleri bir şeklin taslağını tanımlar. İç kısmının doldurulmasından sonra bir şeklin taslağı çizilir ve aşağıdaki özelliklere sahip olabilir:

Nitelik	Açıklama
stroke	Kontur rengi.
stroke-width	Inme genişliği. Kullanıcı koordinatları olarak verilmelidir. Soyut ızgara çizgileri boyunca ortalanır.
stroke-opacity	0.0 ile 1.0 arasında bir sayı, burada 0.0% 100 şeffaf ve 1.0% 100 opaktır.
stroke-dasharray	Çizgi çizmek için kullanılan çizgi ve boşlukların uzunluğunu gösteren bir dizi sayı. Bu sayılar sadece geçerli kullanıcı koordinatlarındadır.

Not: Varsayılan olarak, anahat bir popo çizgisi kap stili ve bir gönye çizgisi birleştirme stili ile çizilir. FileMaker Pro, SVG standardı tarafından tanımlanan varsayılan 4 değeri yerine 10'luk bir dahili varsayılan gönye sınırı kullanır.

Dolgu özellikleri

Aşağıdaki özellikler, bir şeklin doldurulma şeklini kontrol eder:

Nitelik	Açıklama
fill	Dolgu rengi.
fill-opacity	0.0 ile 1.0 arasında bir sayı, burada 0.0% 100 şeffaf ve 1.0% 100 opaktır.

Not: SVG standardı ek dolgu kurallarını desteklese de, FileMaker SVG standardının varsayılan doldurma kuralını yalnızca "sıfırdan farklı" doldurma kuralını destekler.

Bu görüntüleme özellikleri, dolgu, strok genişliği ve kontur nitelikleri için CSS2 stilleri kullanılarak belirtilebilir.

Örnekler:

Renkleri Belirtme

Katı renkler aşağıdaki şekillerde belirtilebilir:

Ø Hiçbir taslağın çizilmeyeceğini veya şeklin doldurulmayacağını belirtmek için hiçbiri.

Ø Aliceblue , antiquewhite , cyan , lightgray gibi bir renk anahtar kelime adı. Renk adlarının tam listesi için W3C SVG standardına bakın.

Ø #rrggbb formunun onaltılık haneleri. Her bir değer çifti, bireysel kırmızı, yeşil ve mavi renk bileşenlerini açıklar.

Ø #rgb formunun onaltılık basamakları. Bu, önceki yöntem için bir kısa yoldur — basamaklar çoğaltılır, böylece #rgb #rrggbb öğesine eşdeğerdir.

Ø Makro rgb (r, g, b) . Her renk bileşeni değeri, 0 ila 255 veya% 0 ila% 100 arasında değişir.

Ø Strokun görüntüleme özelliklerini ve dolgu işlemlerini tanımlamak için iki farklı sözdizimi kullanılabilir.

SVG Şekiller

<line>

Bir çizgi sadece okunabilir. Aşağıdaki özelliklere sahip olabilir:

Nitelik	Açıklama
x1	Çizginin başlangıç noktasının x ekseni koordinatı. Varsayılan 0'dır. Kullanıcı koordinatları olarak verilmelidir.
y1	Çizginin başlangıç noktasının y ekseni koordinatı. Varsayılan 0'dır. Kullanıcı koordinatları olarak verilmelidir.
x2	Çizginin bitiş noktasının x ekseni koordinatı. Varsayılan 0'dır. Kullanıcı koordinatları olarak verilmelidir.
y2	Çizginin başlangıç noktasının y ekseni koordinatı. Varsayılan 0'dır. Kullanıcı koordinatları olarak verilmelidir.
transform	Dönüşümler. Bu özellik, o öğe için sağlanan diğer koordinat veya uzunluk değerlerinin işlenmesinden önce bir öğeye uygulanır.

Örnek:

<rect>

Bir dikdörtgen okşadı ve doldurulabilir. Aşağıdaki özelliklere sahip olabilir:

Nitelik	Açıklama
x	Geçerli kullanıcı koordinat sistemindeki dikdörtgenin menşeinin (üst sol köşesi) x ekseni koordinatı. Özellik belirtilmezse, varsayılan değer 0'dır.
y	Geçerli kullanıcı koordinat sistemindeki dikdörtgenin menşeinin (sol üst köşesi) y ekseni koordinatı. Özellik belirtilmezse, varsayılan değer 0'dır.
width	Geçerli kullanıcı koordinat sisteminde dikdörtgenin genişliği. 0 veya daha büyük olmalı; 0 ise, öğe oluşturulmayacaktır.
height	Geçerli kullanıcı koordinat sisteminde dikdörtgenin yüksekliği. 0 veya daha büyük olmalı; 0 ise, öğe oluşturulmayacaktır.
rx	Yuvarlatılmış dikdörtgenler için, geçerli kullanıcı koordinat sistemindeki x ekseni yarıçapı, dikdörtgenin köşelerini yuvarlamak için kullanılır. 0 veya daha büyük olmalı; 0 kare köşe üretecek.
ry	Yuvarlatılmış dikdörtgenler için, geçerli kullanıcı koordinat sistemindeki y ekseni yarıçapı, dikdörtgenin köşelerini yuvarlamak için kullanılır. 0 veya daha büyük olmalı; 0 kare köşe üretecek.
transform	Dönüşümler. Bu özellik, o öğe için sağlanan diğer koordinat veya uzunluk değerlerinin işlenmesinden önce bir öğeye uygulanır.

Not: İşleme tabi tutmanın geometrik olarak geçerli olduğundan emin olmak için rx ve ry'nin değerini belirtmek için dolaylı olarak kullanılan ek kurallar vardır. Bu kurallar (artan öncelik sırasına göre):

1. Ne rx ne de ry uygun şekilde belirtilmemişse, rx ve ry her ikisi de 0'a ayarlanır.

2. Rx için geçerli bir değer sağlanmışsa ancak ry değil ise ry'yi rx olarak ayarlayın.

3. Ry için değil rx için geçerli bir değer verilirse, rx'yi ry'ye ayarlayın.

4. Rx, genişliğin yarısından büyükse, rx'i genişliğin yarısına ayarlayın.

5. Ry, yüksekliğin yarısından daha büyükse, ry'yi yüksekliğin yarısına ayarlayın.

Örnek:

<circle>

Bir daire okşadı ve doldurulabilir. Aşağıdaki özelliklere sahip olabilir:

Nitelik	Açıklama
cx	Geçerli kullanıcı koordinat sisteminde çemberin merkezinin x ekseni koordinatı. Özellik belirtilmezse, varsayılan değer 0'dır.
cy	Geçerli kullanıcı koordinat sisteminde çemberin merkezinin y ekseni koordinatı. Özellik belirtilmezse, varsayılan değer 0'dır.
r	Geçerli kullanıcı koordinat sisteminde dairenin yarıçapı. 0 veya daha büyük olmalı; 0 ise, öğe oluşturulmayacaktır.
transform	Dönüşümler. Bu özellik, o öğe için sağlanan diğer koordinat veya uzunluk değerlerinin işlenmesinden önce bir öğeye uygulanır.

Örnek:

<eliipse>

Bir elips okşadı ve doldurulabilir. Aşağıdaki özelliklere sahip olabilir:

Nitelik	Açıklama
cx	Geçerli kullanıcı koordinat sisteminde elipsin merkezinin x ekseni koordinatı. Özellik belirtilmezse, varsayılan değer 0'dır.
cy	Mevcut kullanıcı koordinat sisteminde elipsin merkezinin y ekseni koordinatı. Özellik belirtilmezse, varsayılan değer 0'dır.
rx	Geçerli kullanıcı koordinat sisteminde elipsin x ekseni yarıçapı. Sıfır veya daha büyük olmalı; 0 ise, öğe oluşturulmayacaktır.
ry	Mevcut kullanıcı koordinat sisteminde elipsin y ekseni yarıçapı. Sıfır veya daha büyük olmalı; 0 ise, öğe oluşturulmayacaktır.
transform	Dönüşümler. Bu özellik, o öğe için sağlanan diğer koordinat veya uzunluk değerlerinin işlenmesinden önce bir öğeye uygulanır.

Örnek:

<polyline>

Bir polyline, bir dizi bağlı düz çizgi segmentidir. Bir polyline sadece okunabilir. Aşağıdaki özelliklere sahip olabilir:

Nitelik	Açıklama
points	Çoklu çizgiyi oluşturan çizgi parçalarının noktalarının bir listesi. Tüm koordinat değerleri kullanıcı koordinat sisteminde bulunur ve çift sayıda koordinat olmalıdır.
transform	Dönüşümler. Bu özellik, o öğe için sağlanan diğer koordinat veya uzunluk değerlerinin işlenmesinden önce bir öğeye uygulanır.

Örnek:

<polygon>

Çokgen, bağlı düz çizgi bölümlerin kapalı bir şeklidir. (Bu kapalı olması gereken bir polyline.) Bir çokgen okşadı ve doldurulabilir ve aşağıdaki özniteliklere sahip olabilir:

Nitelik	Açıklama
points	Çokgeni oluşturan çizgi parçalarının noktalarının bir listesi. Tüm koordinat değerleri kullanıcı koordinat sisteminde bulunur ve çift sayıda koordinat olmalıdır. Başlangıç noktası ve bitiş noktası, kapalı bir şekil oluşturmak için otomatik olarak bağlanır.
transform	Dönüşümler. Bu özellik, o öğe için sağlanan diğer koordinat veya uzunluk değerlerinin işlenmesinden önce bir öğeye uygulanır.

Örnek:

<path>

Bir yol, bir dizi bağlantılı çizgi ve eğri olarak bir şeklin ana hatlarını temsil eder. Bir yol, konturlu ve doldurulabilen bir poligonun uzantısıdır. Yollar, bir SVG dosyasındaki en çok yönlü ve ortak öğelerdir. Birden fazla alt yola sahip yollar olan bileşik yolları bile oluşturabilirsiniz. Yol öğeleri aşağıdaki özniteliklerle belirtilir:

Nitelik	Açıklama
d	Yol komutlarının bir listesi. Not: Büyük harfli yol komutları mutlak koordinatları kullanır ve küçük harfli komutlar göreli koordinatları kullanır. Tüm koordinatlar geçerli kullanıcı koordinat sisteminde.
transform	Dönüşümler. Bu özellik, o öğe için sağlanan diğer koordinat veya uzunluk değerlerinin işlenmesinden önce bir öğeye uygulanır.

Örnek:

Gruplandırmaları

<svg>

Bu bir SVG belgesindeki kök öğesidir. Aşağıdaki özelliklere sahiptir:

Nitelik	Açıklama
version	Bu belgenin uygun olduğu dil sürümünü belirtir.
x	Görünüm portunun kökeninin X ekseni koordinatı. Not: Sadece 0 desteklenmektedir.
y	Görünümün kökeninin Y ekseni koordinatı. Not: Sadece 0 desteklenmektedir.
width	SVG görüntüsünün kullanıcı koordinatlarındaki genişliği - görünümün genişliğini belirler. 0 veya daha büyük olmalı; 0 ise görüntü oluşturulmaz.
height	SVG görüntüsünün kullanıcı koordinatlarındaki yüksekliği - görünümün yüksekliğini belirler. 0 veya daha büyük olmalı; 0 ise görüntü oluşturulmaz.
viewBox	Her biri beyaz boşluk veya virgülle ayrılabilen dört (xy genişlik yükseklik) koordinatlarının listesi. Bu bilgi, kullanıcı koordinatlarında, görünümün sınırlarına eşlenen bir dikdörtgeni belirtir. (Bu, dolaylı olarak bir çeviri ve ölçek dönüşümü üretir).

Not: FileMaker, genişlik ve yükseklik özellikleri için değerler gerektirir. Bu değerler sağlanmazsa, oluşturma sorunları yaşayabilirsiniz.

<g>

Grup elemanı, tüm alt öğeleri grup olarak içerir. Başlangıç grubu öğesinde belirttiğiniz stiller (kontur ve dolgu rengi), gruptaki tüm alt öğelere uygulanır.

nitelik	Açıklama
transform	Dönüşümler. Bu özellik, o öğe için sağlanan diğer koordinat veya uzunluk değerlerinin işlenmesinden önce bir öğeye uygulanır.

Örnek:

</g>

<symbol>

Sembol elemanı, bir <use> elemanı aracılığıyla başlatılabilen bir grup eleman öğesini tanımlar. Tek başına, bu öğe işlenmez; aşağıdaki niteliklere sahip olabilir:

Nitelik	Açıklama
id	Sembolün tanımlayıcısı.
viewBox	Her biri beyaz boşluk veya virgülle ayrılabilen dört (xy genişlik yükseklik) koordinatlarının listesi. Bu bilgi, <use> öğesinin görünümünün sınırları ile eşleştirilecek olan kullanıcı boşluğunda bir dikdörtgen belirtir.
preseveAspectRatio	Not: Sadece xMinyMin (düzgün ölçekleme) desteklenir.

<use>

Bu öğe, düğümleri SVG belgesinden alır ve başka bir yerde çoğaltır. Aşağıdaki özelliklere sahiptir:

Nitelik	Açıklama
x	Başvurulan öğenin oluşturulduğu dikdörtgen bölgenin x ekseni koordinatı. Varsayılan 0'dır.
y	Başvurulan öğenin oluşturulduğu dikdörtgen bölgenin y ekseni koordinatı. Varsayılan 0'dır.
width	Başvurulan öğenin oluşturulduğu dikdörtgen bölgenin genişliği. 0 veya daha büyük olmalı; 0 ise, öğe oluşturulmayacaktır.
height	Başvurulan öğenin oluşturulduğu dikdörtgen bölgenin yüksekliği. 0 veya daha büyük olmalı; 0 ise, öğe oluşturulmayacaktır.
xlink:href	SVG dosyasındaki başka bir öğeye IRI referansı.

Örnek:

<?xml version="1.0" encoding="utf-8"?>

<svg version="1.1"

xmlns=http://www.w3.org/2000/svg"

xmlns:xlink=http://www.w3.org/1999/xlink"

width="300" height="300" viewBox="0 0 100 30">

<defs>

</symbol>

</defs>

</svg>

Tanımlar

<defs>

Bu, referans verilen diğer öğeler için (örneğin, şekiller veya degradeler) bir konteyner öğesidir. <Svg> ' in ilk alt öğesi olmalıdır. Başvurulan öğeler tanımlanmış id niteliğine sahip olacaktır. Bu nesneler yalnızca başvurulanlarsa oluşturulur.

Örnek:

<defs>

</defs>

Renk Geçişleri

Bir degrade, bir renkten diğerine yumuşak bir geçiştir. SVG'de iki ana tip gradyan vardır: doğrusal ve radyal.

<linearGradient>

Doğrusal gradyan limitleri, bir çizgi vektörü ile tanımlanır. Bu öğe aşağıdaki özelliklere sahiptir:

Nitelik	Açıklama
x1	Degrade vektörünün başlangıç noktasının x ekseni koordinatı. Özellik belirtilmemişse, varsayılan % 0'dır.
y1	Degrade vektörünün başlangıç noktasının y ekseni koordinatı. Özellik belirtilmemişse, varsayılan % 0'dır.
x2	Degrade vektörünün bitiş noktasının x ekseni koordinatı. Özellik belirtilmemişse, varsayılan % 0'dır.
y2	Degrade vektörünün bitiş noktasının y ekseni koordinatı. Özellik belirtilmemişse, varsayılan % 0'dır.
gradientUnits	UserSpaceOnUse veya objectBoundingBox olabilir; objectBoundingBox varsayılan değerdir. · userSpaceOnUse - x1, y1, x2 ve y2 değerleri, degrade öğesine başvurulduğu anda koordinat sistemini kullanır. · objectBoundingBox - x1, y1, x2 ve y2 değerleri, degradenin uygulandığı öğenin sınırlayıcı kutusu tarafından oluşturulan koordinat sistemini kullanır.

<radialGradient>

Radyal gradyan limitleri, merkezin% 0 durma noktası olduğu ve dış çevrenin% 100 durma noktasını belirlediği bir daire tarafından belirlenir.

Nitelik	Açıklama
cx	Çemberin merkezinin x ekseni koordinatı. Özellik belirtilmezse, varsayılan % 50'dir.
cy	Çemberin merkezinin y ekseni koordinatı. Özellik belirtilmezse, varsayılan % 50'dir.
r	Çemberin yarıçapı. Özellik belirtilmemişse, varsayılan % 0'dır.
gradientUnits	UserSpaceOnUse veya objectBoundingBox olabilir; objectBoundingBox varsayılan değerdir. · userSpaceOnUse - cx, cy ve r değerleri, degrade öğesine başvurulduğu anda koordinat sistemini kullanır. · objectBoundingBox - cx, cy ve r değerleri, degradenin uygulandığı öğenin sınırlayıcı kutusu tarafından oluşturulan koordinat sistemini kullanır.

<stop>

Degrade durdurma öğeleri, degradede kullanılan renkleri kontrol eder. Bu öğe aşağıdaki özelliklere sahiptir:

Nitelik	Açıklama
offset	0 ila 1 arasında veya% 0 ile% 100 arasında değişir. Degrade durağının yerleştirildiği yeri belirler. Doğrusal gradyanlar için, gradyan vektörü boyunca bir konumu temsil eder. Radyal gradyanlar için, (cx cy) 'den en dıştaki veya en büyük dairenin kenarına olan bir yüzde mesafeyi temsil eder.
stop-color	Degrade durağında hangi rengin kullanılacağını gösterir.
stop-opacity	0.0 ile 1.0 arasında bir sayı, burada 0.0% 100 şeffaf ve 1.0% 100 opaktır.

Örnek:

<?xml version="1.0" encoding="utf-8"?>

<svg version="1.1"

xmlns=http://www.w3.org/2000/svg"

xmlns:xlink=http://www.w3.org/1999/xlink"

width="300" height="300" viewBox="0 0 100 30">

<defs>

</linearGradient>

</defs>

</svg>

Renk Stillerini Doldur

Bir SVG görüntüsünde, aşağıdaki SVG şekil öğeleri için dolgu özelliğine bir renk uygulanabilir: <rect> , <circle> , <ellipse> , <polygon> ve <path> . Sonuç olarak, SVG resim simgeleri FileMaker Pro temalarına kaydedilebilir ve görünümleri dinamik olarak güncellenebilir. Bir SVG öğesine renk uygulamak için, dolgu renginin SVG resim dosyasındaki öğeye açıkça ayarlanmadığından emin olun.

FileMaker Pro, görüntü FileMaker Pro dosyasına kaydedilmeden önce SVG görüntüsüne bir üst düzey <g class = "fm_fill"> öğesi ekler. Fm_fill özelliği, SVG öğesinin varsayılan dolgu rengi özelliğinin, FileMaker Pro tarafından, düzen temasıyla (Düzen modunda Düzenleyici aracılığıyla) veya koşullu biçimlendirmenin bir sonucu olarak belirtildiğini gösterir. Bir öğenin dolgu özelliği ana öğesinden devralındığı için, <g class = "fm_fill"> öğesinin tüm alt öğeleri, varsayılan dolgu rengini otomatik olarak devralır.

Örnek:

<?xml version="1.0" encoding="utf-8"?>

<svg version="1.1"

xmlns=http://www.w3.org/2000/svg"

xmlns:xlink=http://www.w3.org/1999/xlink"

width="200"

height="200">

<rect x="50"

y="25"

rx="5"

ry="5"

width="100"

height="125" />

</svg>

FileMaker Pro, diske kaydetmeden önce bu SVG görüntüsünü oluşturur:

<?xml version="1.0" encoding="utf-8"?>

<svg version="1.1"

xmlns="http://www.w3.org/2000/svg"

xmlns:xlink="http://www.w3.org/1999/xlink"

width="200"

height="200">

<rect x="50"

y="25"

rx="5"

ry="5"

width="100"

height="125" />

</g>

</svg>

Header Ads

FileMaker'da Butonlara Simge Ekleme (SVG)

Hiç yorum yok

Facebook

Popular

Recent

Comments

Photography

Blog Archive

Custom Widget

Recent in Sports

Popular Posts