Search
【#設計素材】Sensa Emoji
免費下載 Emoji 圖示，這個網站直接將這些表情符號全部打包成一個懶人包，檔案除了 PNG 去背圖之外，還有高品質的 SVG 向量圖形，網站雖然沒有標示版權，但這些表情負號原始出處還是有限制，建議不要用於商業用途避免爭議，但用在個人用途上倒也是不錯的元素，例如用笑臉幫照片的人臉遮蔽。
連結：https://visionjie.com/4927 🐀🦨🐓
開源報報內容回顧
內容摘要
✅ 在雲端中執行的瀏覽器
✅ 支援 C/C++/Java/Python 的程式原始碼瀏覽器
✅ 類似 Evernote 的筆記管理軟體，支援 Markdown
✅ 加密貨幣交易機器人
✅ 透過 JavaScript 從類似markdown的文字生成圖表，圖形或是流程圖。( 包含甘特圖，UML類別架構圖，呼叫流程圖 )
✅ 是一個使用 HTML5 canvas 元素變得容易的 Javascript 程式庫。 它是 Canvas 元素上的一個互動對象模型。 它也是一個 svg -to-canvas 的解析器
✅ 對於時間序列資料進行非監督異示常檢測的 Python 工具套件
✅ 打開包含 Windows、 Mac 和 Linux 上的 web UI 的原生作業系統視窗的 .Net Core 程式庫
https://softnshare.com/opensource-news-001/
【老闆不藏私房菜】－結合 SVG 路徑的文字移動效果
SVG 圖片除了向量的圖檔特性以及可以直接使用 DOM 操作等優點外，更可以靈活的跟文字作結合，創造出文字的路徑動畫。
這個由 keyframers 頻道所提供的範例，先使用 SVG 的 textPath 元素創造緊接線條排列的文字效果，再隨著滾動事件改變 textPath 的 startOffset 屬性，達到隨著網頁滑動時，文字從側邊進入的效果。
另外值得一提的是，在滾動事件發生時執行的函式中，使用的是 requestAnimationFrame 來進行畫面的計算更新，這個也是在常見的繪圖之外另一種 requestAnimationFrame 使用方式，老闆將範例的檔案與原頻道的教學連結放在下面，歡迎有興趣的客人們深入研究囉！
Demo: https://codepen.io/team/keyframers/pen/NWKyNqK
keyframers 的 Youtube 教學影片：https://www.youtube.com/watch?v=Tae96ze3xwY
SVG 元素 並不像其他HTML 元素受到CSS 盒模型的管轄。乍看之下元素的定位、變形、移動、旋轉等形變的行為並不是那麼直覺好控制。 ... <看更多>
<width> 和 <height> 值为负数是不合法的。值为0的话会禁止元素的渲染。 注意视窗的宽度也可以在CSS中设置为任何值。例如：设置width: ... ... <看更多>
svg元素 在 最近實做把SVG 整個元素視為一個可以縮放和拖移的畫布 的推薦與評價
最近實做把SVG 整個元素視為一個可以縮放和拖移的畫布，而不是單純去處理SVG 裡面的各個圖案，花了不少時間理解，和游宗諺討論激盪許久，希望未來讓同樣碰到這塊的人， ... ... <看更多>