課程
/前端開發
/Html5
/走進SVG
想知道, ai都能直接輸出SVG了,直接粘貼代碼是不是就OK了,哪部分是設計師必須了解和學習的?感覺有些理解起來還是有吃力的,如果都是解決畫面構成的問題,設計師是不是直接用ai就搞定?
2015-01-30
源自:走進SVG 2-2
正在回答
設計師使用illustrator可以把做好的矢量圖形到處SVG,在HTML里面,我們可以就像使用圖片img標簽一樣的使用svg,這樣當然是可以的:
<img?src="path/to/icon.svg"?/>
不過,如果想使用svg做一些動畫,需要用到js事件,靈活的控制一些屬性,那肯定就要學代碼了啊。
你可以看mdn(火狐的開發者文檔)上的這個demo:svg animate
使用css animate控制 svg,可以看這個:
svg-line-animation-works
所以啊,還是得學點代碼啊,反正用點心也學的懂啊,我覺得設計才難?。?/p>
舉報
SVG是HTML5 中矢量圖的標記語言,學習后掌握更多的干貨
1 回答可以用svg做一個流程設計不?
2 回答都不解釋 直接跳過 能不能重錄解釋啊 老師
3 回答老師可以講一些svg實用性的東西方便我們理解
1 回答計算合力那塊聽不懂
1 回答svg circle設置漸變
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-01-30
設計師使用illustrator可以把做好的矢量圖形到處SVG,在HTML里面,我們可以就像使用圖片img標簽一樣的使用svg,這樣當然是可以的:
不過,如果想使用svg做一些動畫,需要用到js事件,靈活的控制一些屬性,那肯定就要學代碼了啊。
你可以看mdn(火狐的開發者文檔)上的這個demo:
svg animate
使用css animate控制 svg,可以看這個:
svg-line-animation-works
所以啊,還是得學點代碼啊,反正用點心也學的懂啊,我覺得設計才難?。?/p>