[VML目次へ] [ホーム]

[VML考察1][VML考察2][VML fill][VML stroke][VMLのshadowサブエレメント][VML extructionの属性][VMLのskewサブエレメント][画像を回転][VML作成]

VML の Microsoft Office拡張タグ・・・extructionサブエレメントについての翻訳(機械翻訳を基にしています。)

W3CのVML(W3Cノート)には、このextructionは見当たりません。

TAXIが勝手に解釈している部分があります。間違いが必ずあるという認識はしておいてください。

 

オリジナルは、MSDN -  MSDN Library - Web Development - HTML and CSS - Web Multimedia - Vector Markup Language (VML) - VML Reference

にあります。United State (English)です。日本語MSDNにはありません。

 

Extrusion Element  Defines an extrusion for a shape The following attributes modify an extrusion.
 
(訳) 押し出し要素  形のための押し出しを定義します。 次の属性は押し出しを修正します。33の属性が定義されています。

 shapeエレメントのサブエレメント。主要エレメントにはなりません。v:imageやv:groupにも当てはめるjことはできません。v:ovalやv:rectなどはOKです。

 図例の黒い正方形はshapeボックス、緑の点は原点赤の点はshapeボックスの中央。ここでいうshapeボックスとは、shape図形の境界ボックスやバウンディングキューブのことではない。shapeボックスは単にVML座標系を形成するにすぎない。

一例として、shapeボックスを黒で、バウンディングキューブを白で次に示す。押し出し部分もバウンディングキューブで表現される。青いボックスはshapeエレメントに付く枠(border)である。BODERは、shape図形全体を包み込む形で、外接する長方形になる。

以下は、

<v:shape strokecolor="red"  fillcolor="yellow" style="border:blue solid 1px; width:100; height:100; rotation:0; position:absolute; left:100; top:100" coordsize="100,100" coordorigin="0,0" path="m 0 -57 c -66 -91 -101 20 0 67 c 101 20 66 -91 0 -57 x m 0 -33 c -38 -56 -67 -7 0 44 c 67 -7 38 -56 0 -33  x wr -2 -2 2 2 -1000 -1000 -1000 -999 x e">
<v:extrusion on="t" type="perspective" skewangle="0" backdepth="10" foredepth="10" color="red" viewpointorigin="0,0" viewpoint="0,0" rotationangle = "0,45" autorotationcenter="f" rotationcenter="-2,-2,0" />
</v:shape >

を基本とする。シェープ図形のハートは、原点がハートの中心になるように描いてみた。

 backdepth="200px" foredepth="500px" color="red" viewpointorigin="0,0" viewpoint="0,0" rotationangle = "0,-10" autorotationcenter="f"

 

             

白線は実際のバウンディングキューブ(render="boundingcube")

backdepth="0" foredepth="0" color="red" viewpointorigin="0,0" viewpoint="0,0" rotationangle = "0,-10" autorotationcenter="f"

 

             

白線は実際のバウンディングキューブ(render="boundingcube")

上の二つを重ねてみた。

 

 

             

 

 

赤は構文。スクリプトでは、element.Atrribute-"属性値"。HTML+TIMEでは、atrributename="Atrribute" to="属性値"。
VMLタグでは、<v: extruction Atrribute="属性値" />
 
Attribute(属性) Description (説明)
AutoRotationCenter
Determines whether the center of rotation will be the geometric center of the extrusion.

AutoRotationCenterは、回転の中心が押し出しの幾何学的な中心になるかどうか決めます。

 

autorotationcenter="属性値 "

 

属性値には、trueかfalseが入ります。デフォルトはfalse。

この値がfalseのとき、回転の中心はRotationCenter属性によって決定されます。
trueのときは、RotationCenter属性は無視され、押し出されたshapeの幾何学的な中心は(0,0,0)となります。

 autorotationcenter="f" rotationcenter="10,10,0"の場合

            

 autorotationcenter="f" rotationcenter="-2,-2,0"の場合

            

  autorotationcenter="t" rotationcenter="10,10,10"の場合。rotationcenterは無視され、原点(0,0,0)を回転の中心としている。黒いボックスの左上コーナーが原点(coordorigin="0,0")。

             

 

 autorotationcenter="t" rotationcenter="10,10,10"の場合で、coordorigin="-50,-50"つまり黒いボックスの中心(赤い点)を原点にしてみた。
回転の中心が、shapeボックスの中心にあることがわかる。

             

 autorotationcenter="f" rotationcenter="10,10,10"の場合で、coordorigin="-50,-50"つまり黒いボックスの中心(赤い点)を原点にしてみた。
回転の中心が、shapeボックスの中心にあることがわかる。

             

 

 

BackDepth
Defines the amount of backward extrusion.

BackDepthは、後方への押し出しの量を定義します。

 

backdepth="属性値"

 

形の後ろにあるように見える押し出しの量です。
デフォルト・ユニットはポイントであります。また、デフォルト値は36ptです。

backdepth="0"
             

backdepth="50pt"
             

backdepth="50px"
             

backdepth="50mm"
             

backdepth="50mm" rotationangle="0,-90"
             

Brightness
Specifies the amount of brightness of a scene.

Brightnessは、場面の全体的な明るさの量を指定します。

 

brightness="属性値 "

 

デフォルト値は20,000です。

brightness="0"
             

brightness="0.1"
             

brightness="0.5"
             

brightness="0.8"
               

Color
Defines the color of the extrusion faces.

Colorは、押し出し表面の色を定義します。

 

color="属性値 "

 

ColorMode値がcustomである場合、この属性は単に使用されます。 strokecolorは意味を成しません。

colormode="auto" color="blue" strokecolor="red" fillcolor="yellow"
             

colormode="custom" color="blue" strokecolor="red" fillcolor="yellow"
             

colormode="custom" color="#0000ff" strokecolor="red" fillcolor="yellow"
             

colormode="custom" color="rgb(0,0,255)" strokecolor="red" fillcolor="yellow"
             

16進数カラーコード・webカラー名・rgb(r,g,b)でOKのようだ。

ColorMode
Determines the mode of extrusion color.

ColorModeは、押し出し色のモードを決定します。

 

colormode="属性値 "

 

・値記述・・・不明、どう書くの?

・auto・・・押し出しの色がshapeのfillcolorと同じであることを明示します。デフォルト。

・custom・・・押し出しが色属性の色になるだろうということを明示します。Color属性で色を指定します。

サンプルなし。Color項を参照のこと。

Diffusity
Defines the amount of diffusion of reflected light from an extruded shape.

Diffusityは、押し出された形からの反射された光の拡散の量を定義します。

 

diffusity="属性値 "

 

この値は、拡散された反射光への出来事光の比率を定義します。
正常な値は0〜1まで変動します。
デフォルト値は0です・・・これは間違いでは無いだろうか?

 

1を越える値が指定される場合、異常な結果を生じることがあります。

diffusity="0"
             

diffusity="0.4"
             

diffusity="0.6"
             

diffusity="1.0"
             

 

Edge
Defines the apparent bevel of the extrusion edges.

Edgeは、押し出し端の明白な斜面を定義します。

 

edge="属性値 "

 

シミュレートされた完全な斜角がつけられた端のサイズをセットします。
デフォルト値は1ポイントです。
面取りされた効果を生み出す。

 

edge="0"
             

edge="1pt"
             

edge="2mm"
             

edge="2px"
             

Ext
Defines the default extrusion behavior for graphical editors.

Extは、グラフ式のエディターのためのデフォルト押し出し振る舞いを定義します。

 

ext="属性値 "

 

要素を与えるようにグラフ式のエディターに命じます。
それが要素を与えることができない場合、ビットマップ表現が代わりに使用されるべきです。
・view・・・デフォルト値。

よくわからない・・・。一応次のようにしてみたが・・・・

ext="view"

             

ext="edit"

             

ext="backwardcompatible

             

Facet
Defines the number of facets used to describe curved surfaces of an extrusion.

Facet(面)は、押し出しの曲がった表面について記述するために使用される面の数を定義します。

 

facet="属性値 "

 

与えるエンジンが押し出しに接近する方法を定義します。
より低い数は、与えるエンジンに対するより低い与える耐性を示し、より多くの面を産出するでしょう。
より高い数は押し出しにより切子面のあるように見せるでしょう。
デフォルト価値は30,000です・・・????です。
※0にするとIEのCPU使用率が100%になり、フリーズすることがある。

 

これはrender="wireflame"にあするとよくわかると思います。

facet="30"
            

render="wireframe"
            

facet="10"
            

render="wireframe"
            

facet="0.1"
            

render="wireframe"
            

facet="0.01"
            

render="wireframe"
            

ForeDepth
Defines the amount of forward extrusion.

ForeDepthは、前方の押し出しの量を定義します。

 

foredepth="属性値 "

 

shapeの前にあるように見える押し出しの量です。
デフォルト・ユニットはポイントであります。また、デフォルト値は0です。

foredepth="0"
             

foredepth="50pt"
             

foredepth="50px"
             

foredepth="50mm"
             

foredepth="50mm" rotationangle="0,-90"
             

foredepth="10mm" rotationangle="0,-90"
             

foredepth="10mm" backdepth="10mm" rotationangle="0,-90"
             

foredepth="10mm" backdepth="10mm" rotationangle="0,-90" render="wireframe"
             

LightFace
Determines whether the front face of the extrusion will respond to changes in the lighting.

LightFaceは、押し出しの表面が照明の変化に応答するかどうか決めます。

 

lightface="属性値 "

 

この値がfalseの場合、押し出さしの表面は、照明の変化に応じません。
デフォルト値はtrueです。

 lightface="f"
             

 lightface="t"
             

LightHarsh
Determines whether the primary light source will be harsh.

LightHarshは、主要な光源が荒いかどうか決めます。

 

lightharsh="属性値 "

 

falseの場合、影境界が拡散されます。
デフォルト値はtrueです。

 lightharsh="t"
             

 lightharsh="f"
             

LightHarsh2
Determines whether the secondary light source will be harsh.

LightHarsh2は、第2の光源が荒いかどうか決めます。

 

lightharsh2="属性値 "

 

falseの場合、第2の光源によって定義された影境界が拡散されます。
デフォルト値はtueです。

lightharsh2="t"  lightharsh="t"
             

lightharsh2="f"  lightharsh="t"
             

lightharsh2="t"  lightharsh="f"