HOME > VMLエディター・掲示板 (古いβバージョン) サンプル・その他 > VMLサンプル1
一括表示
※このサンプルは「VMLペイント&アニメ 掲示板 v0.80」(β版、現在停止)に登録したVMLサンプルをHTML化したものです。

[20]  タイトル: VMLサンプル  投稿日: 2005/06/08(Wed) 16:27  投稿者: 7k8o  
VMLのサンプルを色々取り上げていこうと思います。

[21]  タイトル: stroke(線)  投稿日: 2005/06/09(Thu) 12:11  投稿者: 7k8o  
stroke(線)のサンプルです

[22]  タイトル: stroke > dashstyle  投稿日: 2005/06/08(Wed) 16:52  投稿者: 7k8o  
VMLサンプル stroke > dashstyle

------------------------------------
参考  http://msdn.microsoft.com/library/default.asp?url=/workshop/author/VML/ref/adv2.asp

[23]  タイトル: stroke > weight  投稿日: 2005/06/08(Wed) 17:10  投稿者: 7k8o  
VMLサンプル stroke > weight


--------------------------------------
参考  http://msdn.microsoft.com/library/default.asp?url=/workshop/author/vml/shape/stroke/stroke_weight.asp

[24]  タイトル: stroke > startarrow,endarrow  投稿日: 2005/06/08(Wed) 21:52  投稿者: 7k8o  
stroke > startarrow,startarrowwidth,startarrowlength
stroke > endarrow,endarrowwidth,endarrowlength
サンプルはstartarrowのみです。startarrowとendarrowは線の始端と終端の違いがあるだけです

----------------------------------------
参考  http://msdn.microsoft.com/library/default.asp?url=/workshop/author/vml/shape/stroke/stroke_startarrow.asp

[26]  タイトル: stroke > linestyle  投稿日: 2005/06/09(Thu) 13:57  投稿者: 7k8o  
VMLサンプル stroke > linestyle

----------------------------------------
参考  http://msdn.microsoft.com/library/default.asp?url=/workshop/author/vml/shape/stroke/stroke_linestyle.asp

[27]  タイトル: stroke > joinstyle  投稿日: 2005/06/09(Thu) 14:16  投稿者: 7k8o  
VMLサンプル stroke > joinstyle

[28]  タイトル: stroke > endcap  投稿日: 2005/06/09(Thu) 14:21  投稿者: 7k8o  
VMLサンプル stroke > endcap

[29]  タイトル: stroke > filltype  投稿日: 2005/06/09(Thu) 15:04  投稿者: 7k8o  (3)
VMLサンプル stroke > filltype
srcはfilltype="Solid"以外で必要になります。
colorは Solid,Patternで意味を持ち、color2はPatternで意味を持ちます。

下記も参照してみて下さい。
fill > type > tile >>56
fill > type > pattern >>57
fill > type > frame >>58

----------------------------------------
参考  http://msdn.microsoft.com/library/default.asp?url=/workshop/author/vml/shape/stroke/stroke_filltype.asp

[25]  タイトル: fill(塗潰し)  投稿日: 2005/06/09(Thu) 12:49  投稿者: 7k8o  
fill(塗潰し)サンプルです

[30]  タイトル: fill > type  投稿日: 2005/06/09(Thu) 15:42  投稿者: 7k8o  (3)
VMLサンプル fill > type

srcはfilltype="Solid"以外で必要になります。
colorは Solid,Patternで意味を持ち、color2はPatternで意味を持ちます。

----------------------------------------
参考  http://msdn.microsoft.com/library/default.asp?url=/workshop/author/VML/ref/adv3.asp

[31]  タイトル: fill > type > gradient  投稿日: 2005/06/09(Thu) 16:35  投稿者: 7k8o  (24)
VMLサンプル fill > type > gradient
angle

[32]  タイトル: fill > type > gradientradial  投稿日: 2005/06/09(Thu) 20:58  投稿者: 7k8o  (114)
VMLサンプル fill > type > gradientradial
focussize, focusposition
アニメにして見ました

[55]  タイトル: fill > type > solid  投稿日: 2005/06/18(Sat) 22:06  投稿者: 7k8o  
VMLサンプル fill > type > solid

solidは単色(colorの値)で塗潰されます。
----------------------------------------
参考  http://msdn.microsoft.com/library/default.asp?url=/workshop/author/VML/ref/adv3.asp

[56]  タイトル: fill > type > tile  投稿日: 2005/06/18(Sat) 22:20  投稿者: 7k8o  
VMLサンプル fill > type > tile

tileはsrcで指定した画像がオリジナル色のまま塗潰されます。
color,color2は無視されます。
----------------------------------------
参考  http://msdn.microsoft.com/library/default.asp?url=/workshop/author/VML/ref/adv3.asp

[57]  タイトル: fill > type > pattern  投稿日: 2005/06/18(Sat) 22:37  投稿者: 7k8o  
VMLサンプル fill > type > pattern

patternはsrcで指定した画像がcolor,color2の色で塗潰されます。
----------------------------------------
参考  http://msdn.microsoft.com/library/default.asp?url=/workshop/author/VML/ref/adv3.asp

[58]  タイトル: fill > type > frame  投稿日: 2005/06/18(Sat) 23:10  投稿者: 7k8o  
VMLサンプル fill > type > frame

frameはsrcで指定した画像一つが図形サイズ全面に伸縮され塗潰されます。
sizeは無視されます。
----------------------------------------
参考  http://msdn.microsoft.com/library/default.asp?url=/workshop/author/VML/ref/adv3.asp

[78]  タイトル: fill > colors  投稿日: 2006/04/09(Sun) 20:52  投稿者: 7k8o  
VMLサンプル fill > colors

グラデーションの中間にある色と、そのグラデーションに沿った相対的位置。
主色(shape の fillcolor アトリビュート)が 0% であり、副色(color2 アトリビュート)が 100% である。
type="Gradient"または type="Gradientradial"で有効。
サンプル図ではそれぞれangle="0"とangle="90"を描いてみました。

※下のような指定でもよいようです。
colors="red .2; green .4; black .7"
colors="0 #00ffff;13763f #c0c0c0;22938f #008080;34079f #8000ff;47841f 1"

[34]  タイトル: style  投稿日: 2005/06/10(Fri) 21:42  投稿者: 7k8o  
VMLサンプル style
rotation, z-index などがあります

[37]  タイトル: style > rotation (回転)  投稿日: 2005/06/10(Fri) 22:41  投稿者: 7k8o  (43)
style > rotation
サンプルのfill>angleは0に固定しています
-----------------------------
関連
>>32 fill>angle
>>31 fill>gradient

[35]  タイトル: shadow(影)  投稿日: 2005/06/10(Fri) 22:26  投稿者: 7k8o  
VMLサンプル shadow(影)
color,color2
offset,offset2
type,opacity,origin,matrix
などがあります。

[36]  タイトル: shadow > offset  投稿日: 2005/06/10(Fri) 22:31  投稿者: 7k8o  
VMLサンプル shadow > offset

[40]  タイトル: shadow > type  投稿日: 2005/06/14(Tue) 22:44  投稿者: 7k8o  
VMLサンプル shadow > type

Single(Default)
Double
Perspective
ShapeRelative
DrawingRelative
Emboss

----------------------------------------
参考 http://msdn.microsoft.com/library/default.asp?url=/workshop/author/vml/shape/shadow/shadow_type.asp

[41]  タイトル: shadow > type > single  投稿日: 2005/06/14(Tue) 23:24  投稿者: 7k8o  
VMLサンプル shadow > type > single

[42]  タイトル: shadow > type > double  投稿日: 2005/06/14(Tue) 23:38  投稿者: 7k8o  
VMLサンプル shadow > type > double
'Double'は名前の通りダブルの影で、color,color2とoffset,offset2を使います。

[43]  タイトル: shadow > type > Perspective  投稿日: 2005/06/15(Wed) 01:11  投稿者: 7k8o  (9)