svg動畫筆記
移動 <animateMotion dur="0.5s" begin="animateMotion7455.end + 3s" fill="freeze" additive="sum" id="animateMotion7456"> <mpath xlink:href="#path1050" /> </animateMotion> 路徑起點要在畫板的左上角。如果提示沒有定義命名空間則加上xmlns:xlink="http://www.w3.org/1999/xlink" 如果開啟rotate="auto",那就必須把要移動的元素的x跟y刪掉或等於0,再把路徑起始點移到元素起始處。 動畫 <animate attributeName="y" fill="freeze" id="aa3" begin="aa2.end" dur="1s" values="100;150" /> 這個似乎比animateMotion更好用。 移形animateTransform MDN介紹 示例: <svg width="120" height="120" viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg"> <polygon points="60,30 90,90 30,90"> <animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0 60 70" to="360 60 70" dur="10s" repeatCount="indefinite"/> </polygon> </svg> 根據這裏的描述,如果想添加多個animateTransform就需要套多層<g></g>。但是後来發現這個說法是錯的,正確操作是加入屬性additive="sum",来自這裏。(update ... Read more
三個女孩和三個公仔
本文講述我跟三個女孩及三個公仔的故事。
製作碼表所需工具
製作碼表需要哪些工具? 碼表漢字unicode打印(javascript) 數值排序(vim,以打印出来的unicode十進制排序) 英文排序(pthon,因為用vim可能會導致重碼位改變) 重碼統計(python,把重碼排成一行) unicode內碼查詢(javascript) unicode範圍打印(javascript) 陸臺字型差異查詢(各種查詢網站)
😽「商」字為何成為連體︱形勢連體的形成原因
倉五手冊把連體字分為兩類,自然連體和形勢連體。
對extG的看法︱尹倉實現基本區無重
很多人在介紹他的輸入法時,都會說他的碼表支持到G區九萬字。這或許是一個「優勢」。
我現在用的尹倉,也就是我自己修訂的倉頡碼表,只支持unicode cjk基本區。如果遇到要打extA的字,我就切換雅倉A區碼表,打完那個字,就切回来。
我不建議在文章中直打unicode extB~extG的字,因為大多數設備是無法顯示的,需要安裝專門的字體,不是每個設備都能裝上,也不是每個人都知道如何安裝。
【無字證明】連續遞增立方數列求和
本文介紹兩個無字證明。
