4D Doc Center : SVG_DEFINE_STYLE_WITH

4D v14

SVG_DEFINE_STYLE_WITH_ARRAYS


SVG_DEFINE_STYLE_WITH_ARRAYS ( svgObject ; pontArraysNom ; pontArraysVal {; className {; tipo {; media {; titulo}}}} )

Parâmetro	Tipo	Descrição
svgObject	SVG_Ref	Referencia do objeto SVG
pontArraysNom	Ponteiro	Ponteiro ao array dos nomes de estilos
pontArraysVal	Ponteiro	Ponteiro ao array dos valores de estilos
className	Texto	Nome da classe do estilo CSS
tipo	Texto	Tipo do conteúdo
media	Texto	Descritor de média
titulo	Texto	Nome do estilo

Descrição

O comando SVG_DEFINE_STYLE_WITH_ARRAYS define os estilos do objeto SVG (utilizando arrays) designado pelo parâmetro objetoSVG.

Se o parâmetro objetoSVG designa o elemento raíz, os estilos se definem como elementos "style" incluídos na seção "defs" (Internal Style Sheet). Neste caso, o parâmetro nomclass é obrigatório (se falta, devolve um erro). Depois pode atribuir a folha de estilo className aos objetos SVG passando seu nome ao método SVG_SET_CLASS (ver o exemplo 1).
Se o parâmetro objetoSVG designa um elemento SVG diferente ao elemento raíz, o estilo está definido como um atributo de estilo para este elemento (Inline Style Sheet) (ver exemplo 2).

O parâmetro opcional tipo especifica a linguagem da folha de estilo do conteúdo do elemento. O valor por padrão é "text/css".

O parâmetro opcional media indica a média de destino para a informação de estilo. Se omitido este parâmetro, o valor por padrão utilizado é "all". Se o valor não está incluído na lista de médias reconhecidas por CSS2, é gerado um erro.

O parâmetro opcional titulo agrega um atributo de tipo "title".

Exemplo 1

Exemplo de definição de estilos internos:

 ARRAY TEXT($arrnames;0)

 ARRAY TEXT($arrvalues;0)

 APPEND TO ARRAY($arrnames;"fill")

 APPEND TO ARRAY($arrvalues;"black")

 APPEND TO ARRAY($arrnames;"font-family")

 APPEND TO ARRAY($arrvalues;"'Lucida Grande' Verdana")

 APPEND TO ARRAY($arrnames;"font-size")

 APPEND TO ARRAY($arrvalues;"20px")

 APPEND TO ARRAY($arrnames;"text-align")

 APPEND TO ARRAY($arrvalues;"center")

 

 $svg:=SVG_New

 SVG_DEFINE_STYLE_WITH_ARRAYS($svg;->$arrnames;->$arrvalues;"title")

 $object:=SVG_New_textArea($svg;"Hello World!";10;10;200;310)

 SVG_SET_CLASS($object;"title")

Este método gera o seguinte código:

<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>
<svg xmlns="http://www.w3.org/2000/svg">
    <defs id="4D">
        <style type="text/css">.title{fill:red;font-family:'Lucida Grande' Verdana;font-size:20px;text-align:center;}</style>
    </defs>
    <textArea class="title" height="310" width="200" x="10" y="10">Hello World!</textArea>
</svg>

Exemplo 2

Exemplo de definição de estilos inline:

 ARRAY TEXT($arrnames;0)

 ARRAY TEXT($arrvalues;0)

 APPEND TO ARRAY($arrnames;"fill")

 APPEND TO ARRAY($arrvalues;"black")

 APPEND TO ARRAY($arrnames;"font-family")

 APPEND TO ARRAY($arrvalues;"'Lucida Grande' Verdana")

 APPEND TO ARRAY($arrnames;"font-size")

 APPEND TO ARRAY($arrvalues;"20px")

 APPEND TO ARRAY($arrnames;"text-align")

 APPEND TO ARRAY($arrvalues;"center")

 

 $svg:=SVG_New

 $object:=SVG_New_textArea($svg;"Hello World!";10;10;200;310)

 SVG_DEFINE_STYLE_WITH_ARRAYS($object;->$arrnames;->$arrvalues)

Este método gera o seguinte código:

<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>
<svg xmlns="http://www.w3.org/2000/svg">
    <textArea height="310" style="fill:red;font-family:'Lucida Grande' Verdana;font-size:20px;text-align:center;" width="200" x="10" y="10">Hello World!</textArea>
</svg>