使用者討論:張鈞祺:修訂版本之間的差異

出自六年制學程
跳轉到: 導覽搜尋
5.3 三、文字
5.7.1 (一)線性漸層
第 30 行: 第 30 行:
 
====5.7 七、漸層====
 
====5.7 七、漸層====
 
====5.7.1 (一)線性漸層====
 
====5.7.1 (一)線性漸層====
<img src ="http://6years.jendo.org/~%E5%BC%B5%E9%88%9E%E7%A5%BA/%E8%97%8D%E7%B6%A0.svg">
+
<pre><?xml version='1.0' encoding='UTF-8' standalone='no'?>
 +
<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='500' height='500'>
 +
<defs>
 +
<linearGradient id='LG' x1='50%' y1='0%' x2='0%' y2='50%'>
 +
<stop offset='0%' style='stop-color:#00FF00;stop-opacity:1' />
 +
<stop offset='100%' style='stop-color:#00FFFF;stop-opacity:1' />
 +
</linearGradient>
 +
</defs>
 +
<rect width='500' height='500' x='0' y='0' stroke='red' fill='url(#LG)' />
 +
 
 +
&lt;</svg></pre>
  
 
====5.7.2 (二)放射漸層====
 
====5.7.2 (二)放射漸層====

2018年1月16日 (二) 10:57的修訂版本

1 環境以工具

1.1 一、環境

1.2 二、工具與設定

firefox filezilla EmEditor

2 HTML與HTTP

3 wiki

4 CSS

5 SVG

5.1 一、概述

5.2 二、基本架構

5.3 三、文字

<img src ="http://6years.jendo.org/~%E5%BC%B5%E9%88%9E%E7%A5%BA/%E5%BC%B5%E9%88%9E%E7%A5%BA.svg">
<?xml version='1.0' encoding='UTF-8' standalone='no'?>
<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='130' height='90'>
	<<text x='40' y='50' style='font-family:kaiti;fill:#00ff00'>張</text>
        <<text x='55' y='50' style='font-family:kaiti;fill:#ff0000'>鈞</text>
        <<text x='70' y='50' style='font-family:kaiti;fill:#0000ff'>祺</text>

<</svg>


5.4 四、位移、旋轉、縮放、歪斜

5.5 五、群組

5.6 六、定義一次,引用多次

5.7 七、漸層

5.7.1 (一)線性漸層

<?xml version='1.0' encoding='UTF-8' standalone='no'?>
<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='500' height='500'>
<defs>
	<linearGradient id='LG' x1='50%' y1='0%' x2='0%' y2='50%'>
		<stop offset='0%' style='stop-color:#00FF00;stop-opacity:1' />
		<stop offset='100%' style='stop-color:#00FFFF;stop-opacity:1' />
	</linearGradient>
</defs>
<rect width='500' height='500' x='0' y='0' stroke='red' fill='url(#LG)' />

<</svg>

5.7.2 (二)放射漸層

5.8 八、柔焦濾鏡

5.9 九、path

5.10 十、動畫

6 Inkscape

7 GIS

8 圖形計算機