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にはありません。
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属性によって決定されます。
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"つまり黒いボックスの中心(赤い点)を原点にしてみた。 autorotationcenter="f" rotationcenter="10,10,10"の場合で、coordorigin="-50,-50"つまり黒いボックスの中心(赤い点)を原点にしてみた。
|
| BackDepth |
Defines the amount of backward extrusion.
BackDepthは、後方への押し出しの量を定義します。
backdepth="属性値"
形の後ろにあるように見える押し出しの量です。
backdepth="0" |
| Brightness |
Specifies the amount of brightness of a scene.
Brightnessは、場面の全体的な明るさの量を指定します。
brightness="属性値 "
デフォルト値は20,000です。
brightness="0.5" |
| 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="属性値 "
この値は、拡散された反射光への出来事光の比率を定義します。
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="属性値 "
要素を与えるようにグラフ式のエディターに命じます。
よくわからない・・・。一応次のようにしてみたが・・・・ ext="view" ext="edit" ext="backwardcompatible |
| Facet |
Defines the number of facets used to describe curved surfaces of an
extrusion.
Facet(面)は、押し出しの曲がった表面について記述するために使用される面の数を定義します。
facet="属性値 "
与えるエンジンが押し出しに接近する方法を定義します。
これは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の前にあるように見える押し出しの量です。
foredepth="0" 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の場合、押し出さしの表面は、照明の変化に応じません。
lightface="f" lightface="t" |
| LightHarsh |
Determines whether the primary light source will be harsh.
LightHarshは、主要な光源が荒いかどうか決めます。
lightharsh="属性値 "
falseの場合、影境界が拡散されます。
lightharsh="t" lightharsh="f" |
| LightHarsh2 |
Determines whether the secondary light source will be harsh.
LightHarsh2は、第2の光源が荒いかどうか決めます。
lightharsh2="属性値 "
falseの場合、第2の光源によって定義された影境界が拡散されます。
lightharsh2="t" lightharsh="t" lightharsh2="f" lightharsh="t" lightharsh2="t" lightharsh="f" |