SVG翻轉 ZC測試 1

2022-08-01 12:36:12 字數 1185 閱讀 3125

1、測試** ?.svg檔案

<?

xml version="1.0" encoding="utf-8" standalone="no"

?>

<

svg

viewbox

="-300 -300 500 500"

xmlns

=""xmlns:xlink

=""xmlns:cge

=""source

="nr-pcs9000"

>

<

defs

>

defs

>

<

g>

<

line

x1="-300"

y1="0"

x2="500"

y2="0"

stroke

="blue"

stroke-width

="1"

/>

<

line

x1="0"

y1="-300"

x2="0"

y2="500"

stroke

="blue"

stroke-width

="1"

/>

<

polyline

points

="100,100 200,100 150,120"

stroke-width

="1"

stroke

="black"

fill

="none"

/>

<

polyline

points

="100,100 200,100 150,120"

stroke-width

="1"

stroke

="black"

fill

="none"

transform

="rotate(90,100,100) scale(-1, 1)"

/>

g>

svg>

zc: 從圖形的效果看出來,transform屬性的效果是從後往前來實現的,如這裡的折線 先經過scale的翻轉 然後才進行rotate在(100,100)的90°旋轉

2、3、

SVG學習筆記(1)

以前聽過svg,那麼svg到底是什麼呢?跟著慕客老師一起來學習吧。1.svg是使用xml描述的向量檔案。2.點陣圖和向量圖的定義 點陣圖是基於顏色的描述,也就是每乙個顏色畫素點的組合。而向量圖呢,則是基於數學的描述,比如說一條曲線,還有svg ai等都是向量圖。3.svg的4種使用方式 瀏覽器直接開...

(1)SVG入門基礎

svg 的主要競爭者是 flash 與 flash 相比,svg 最大的優勢是與其他標準 比如 xsl 和 dom 相相容。而 flash 則是未開源的私有技術。今天,所有瀏覽器均支援 svg 檔案,不過需要安裝外掛程式的 internet explorer 除外。下面的例子是乙個簡單的 svg 檔...

python 列表翻轉 1

對乙個列表進行翻轉 原來的列表 b 1,10,5,20 翻轉 b 1 翻轉 20,5,10,1 def rev list alist print 沒有翻轉 alist print 翻轉 alist 1 return alist 1 b 1 10,5 20 rev list b sequence st...