網路城邦
回本城市首頁 依卡語法學院
市長:旅 者  副市長:
加入本城市推薦本城市加入我的最愛訂閱最新文章
udn城市人文藝術藝術天地【依卡語法學院】城市/討論區/
討論區進階語法 字體:
看回應文章  上一個討論主題 回文章列表 下一個討論主題
VML語法的文字變化討論 -2
 瀏覽1,609|回應3推薦11

星.
等級:8
留言加入好友
文章推薦人 (11)

閒雜人等
糖衣
◆cy36◆☆★◎㊣▲▼
妮妮貓
嘟嘟.
笛藍
旅 者
fen22179
寒峰
平安旅者

more...



改變顏色的透明度和角度:opacity=".3" angle="-180"









改變colors的另一效果:
<v:fill type="gradient" method = "none" opacity="1" angle="90" color2="#FFFF00" colors = "30% #00FF00,60% blue,60% purple" />










立體語法













語法分析:
backdepth 立體厚度。
color 立體顏色。
diffusity 描述立體基本亮度,值0-3。
skewangle 需要改變立體方向的可把這個屬性加上,值0-360,相當於角度。
<DIV style="position:relative; top: 0px; left: 0px; width:500px; height:120px">
<?import namespace=v urn="urn:schemas-microsoft-com:vml" implementation="#default#VML" declareNamespace />
<v:line style="position: absolute; top: 60px; left: 30px" stroked="f" strokecolor="#FFFF66" filled="t" fillcolor="RED" to="400 .1">
<v:path textpathok="t"/>
<v:textpath style="FONT-SIZE:60;FONT-FAMILY:標楷體" on="t" fitpath="t" string="文字的立體效果"/>
<v:fill type="gradient" method = "none" opacity="1" angle="90" color2="#FFFF00" />
<v:extrusion on="t" backdepth="30pt" color="#666666" diffusity="1.1"/>
</v:line>
</DIV>
文字線條走向

斜度走向










<DIV style="position:relative; top: 0px; left: 0px; width:500px; height:120px">
<?import namespace=v urn="urn:schemas-microsoft-com:vml" implementation="#default#VML" declareNamespace />
<v:line style="position: absolute; top: 90px; left: 130px" stroked="f" strokecolor="#FFFF66" filled="t" fillcolor="RED" to="260 -30">
<v:path textpathok="t"/>
<v:textpath style="FONT-SIZE:60;FONT-FAMILY:標楷體" on="t" fitpath="t" string="文字斜度走向特效"/>
<v:fill type="gradient" method = "none" opacity="1" angle="90" color2="#FFFF00" colors = "30% #00FF00,60% blue,60% purple" />
</v:line>
</DIV>
圓弧走向










<DIV style="position:relative; top: 0px; left: 0px; width:500px; height:120px">
<?import namespace=v urn="urn:schemas-microsoft-com:vml" implementation="#default#VML" declareNamespace />
<v:Arc strokeweight="1pt" strokecolor="#FF9966" style="position:absolute; width:300; height:110; left:130; top:-30" StartAngle="-120" EndAngle="-240" filled="t" fillcolor="#0000FF" stroked="f">
<v:path textpathok="t"/>
<v:textpath style="FONT-SIZE:60;FONT-FAMILY:標楷體" on="t" fitpath="t" string="文字圓弧走向特效"/>
<v:fill type="gradient" method = "none" opacity="1" angle="90" color2="#FFFF00" colors = "30% #00FF00,60% blue,60% purple" />
</v:Arc>
</DIV>
圓型走向










<DIV style="position:relative; top: 0px; left: 0px; width:500px; height:180px">
<?import namespace=v urn="urn:schemas-microsoft-com:vml" implementation="#default#VML" declareNamespace />
<v:oval style="Z-INDEX:1;LEFT:190;WIDTH:139;POSITION:absolute;TOP:30;HEIGHT:137" filled="t" fillcolor="#FFFF00" stroked="f">
<v:path textpathok="t"/>
<v:textpath style="FONT-SIZE:60;FONT-FAMILY:標楷體" on="t" fitpath="t" string="文字圓型走向特效文字圓型走向特效"/>
<v:fill type="gradient" method = "none" opacity="1" angle="45" color2="#FFFF00" colors = "30% #00FF00,60% blue,60% purple" />
</v:oval >
</DIV>
圖加曲線走向









<DIV style="position:relative; top: 0px; left: 0px; width:500px; height:120px">
<?import namespace=v urn="urn:schemas-microsoft-com:vml" implementation="#default#VML" declareNamespace />
<v:curve style="Z-INDEX:1;LEFT:60;POSITION:absolute;TOP:50" to="420px,0px" stroked="f" fillcolor="yellow" control1="210,50" control2="210,-50">
<v:path textpathok="t"/>
<v:textpath style="FONT-SIZE:60;FONT-FAMILY:標楷體" on="t" fitpath="t" string="圖片文字的特效"/>
<v:fill src="圖片位址" type="frame" opacity="1"/>
</v:curve>
</DIV>
換一張圖片與修改角度--不一樣的效果

























本文於 修改第 2 次
回應 回應給此人 推薦文章 列印 加入我的文摘

引用
引用網址:https://city.udn.com/forum/trackback.jsp?no=63947&aid=3711510
 回應文章
改變filled="f"與顏色效果
    回應給: ♥ yen ♥(yen905) 推薦5


星.
等級:8
留言加入好友

 
文章推薦人 (5)

平安旅者
寒峰
fen22179
嘟嘟.
笛藍







回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:https://city.udn.com/forum/trackback.jsp?no=63947&aid=3712971
星..一起玩
    回應給: 星.(kisc0919) 推薦6


yen905
等級:
留言加入好友

 
文章推薦人 (6)

平安旅者
寒峰
fen22179
嘟嘟.
笛藍
旅 者











我有改變angle="120"--數字
回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:https://city.udn.com/forum/trackback.jsp?no=63947&aid=3712574
嘛來玩一玩...
    回應給: 星.(kisc0919) 推薦4


平安旅者
等級:8
留言加入好友

 
文章推薦人 (4)

寒峰
嘟嘟.
笛藍
fen22179



























本文於 修改第 3 次
回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:https://city.udn.com/forum/trackback.jsp?no=63947&aid=3711858