-
HSL顏色
查看全部 -
基本操作API
查看全部 -
svg使用方式
查看全部 -
svg? w3c標(biāo)準(zhǔn)地址
查看全部 -
<polygon>多邊形標(biāo)簽的用法
會(huì)自動(dòng)把首尾兩點(diǎn)連接
查看全部 -
<polyline>折線標(biāo)簽的用法
查看全部 -
<line>標(biāo)簽的用法
查看全部 -
<ellipse>標(biāo)簽的用法
查看全部 -
<circle>標(biāo)簽的用法
查看全部 -
<rect>標(biāo)簽的用法
查看全部 -
1.??????? 簡介
使用XML描述的矢量文件
W3C標(biāo)準(zhǔn)(https://www.w3.org/TR/SVG11/)
2.??????? svg顯示方式
2.1.???????? 瀏覽器直接打開
2.2.???????? HTML中使用<img>標(biāo)簽
2.3.???????? 直接在HTML中使用SVG標(biāo)簽
2.4.???????? 作為CSS背景
查看全部 -
一、SVG中的坐標(biāo)系統(tǒng)和坐標(biāo)變換
1.??????? SVG的世界、視野、視窗的概念
1.1.???????? width,height-控制視窗
1.2.???????? svg代碼-定義世界
1.3.???????? vieBox,preserveAspectRatio-控制視野
2.??????? SVG中的圖形分組
2.1.???????? <g>標(biāo)簽來創(chuàng)建分組
2.2.???????? 屬性繼承
2.3.???????? transform屬性定義坐標(biāo)變換
2.4.???????? 可以嵌套使用
3.??????? 坐標(biāo)系統(tǒng)概述
3.1.???????? 笛卡爾直角坐標(biāo)系
3.2.???????? 原點(diǎn)
3.3.???????? 互相垂直的兩條數(shù)軸
3.4.???????? 角度定義
4.??????? 自身坐標(biāo)系和參照坐標(biāo)系
4.1.???????? 用戶坐標(biāo)系(User Coordinate)-原始坐標(biāo)系(世界的坐標(biāo)系)
4.2.???????? 自身坐標(biāo)系(Current Coordinate)-每個(gè)圖形或分組獨(dú)立與生俱來
4.3.???????? 前驅(qū)坐標(biāo)系(Previous Coordinate)-父容器的坐標(biāo)系
4.4.???????? 參考坐標(biāo)系(Reference Coordinate)-使用其他坐標(biāo)系來考究自身的情況時(shí)使用
4.5.???????? 自身坐標(biāo)系就是通過前驅(qū)坐標(biāo)系經(jīng)過transform得到
5.??????? 坐標(biāo)變換
查看全部 -
path命令匯總
查看全部 -
具體內(nèi)容如圖
查看全部 -
js的基礎(chǔ)操作
查看全部
舉報(bào)