search

#svg

此篇文章瀏覽量: 95 我們所撰寫的 svg,也可以透過 CSS 去調整外觀,那在語法上該如何做到呢?而且也不是所有的 CSS 樣式都可以使用,svg 有部份有它自己專屬的設定方式。 觀念 在針對 svg 去調整外觀樣式的時...
此篇文章瀏覽量: 19 一個 svg 元素,其實就是代表一個 viewport,即可視範圍,假設指定 svg 的寬高皆為 200px,那麼該 svg 的可視範圍(viewport)就是寬高皆為 200px 這樣的範圍。那麼 viewBox 又是什麼呢? vi...
此篇文章瀏覽量: 27 使用 svg 中的 g 元素,將多個單一元素,整個群組化起來。 概念 這概念與 html 的 div 標籤意思相同,可以將多個元素,用 標籤一起群組化,再設定一些其它客製化的效果。 簡易用法如下: ...
此篇文章瀏覽量: 67 svg 可以使用 line 標籤,來建立直線圖形。 使用方法 基本語法: x1、y1:分別是相對於 svg 元素最左上角的xy軸。是直線的起始點。 x2、y2:分別是相對於 svg 元素最左上角的xy軸。是直...
此篇文章瀏覽量: 118 svg 可以使用 line 標籤,來建立直線圖形。 使用方法 基本語法: x1、y1:分別是相對於 svg 元素最左上角的xy軸。是直線的起始點。 x2、y2:分別是相對於 svg 元素最左上角的xy軸。是...
此篇文章瀏覽量: 86 svg 可以使用 rect 標籤,來建立矩形圖案。 使用方法 基本語法: x、y:代表距離 svg 左上角的位置,分別是水平方式與垂直方向。 width:該矩形的寬。 height:該矩形的高。 範例 若覺...
此篇文章瀏覽量: 155 svg 可以使用 circle 標籤,來建立圓形圖案。 使用方法 基本語法: cx 與 cy 代表圓心的位置,分別代表距離 svg 左上角的距離。 r: 表示這個圓的半徑。 fill: 這個圓要用什麼顏色來填...
此篇文章瀏覽量: 297 svg 可以使用 circle 標籤,來建立圓形圖案。 使用方法 基本語法: cx 與 cy 代表圓心的位置,分別代表距離 svg 左上角的距離。 r: 表示這個圓的半徑。 fill: 這個圓要用什麼顏色來填...