Ccarrote -
uniapp多邊形動畫
實現效果
使用三角形，四邊形等拼成一個愛心的圖形。
愛心的圖形一段時間會有高光閃過。
點擊愛心圖形會使拼成一個心字。
[video(video-iyxwCynj-1739523100465)(type-csdn)(url-https://live.csdn.net/v/embed/463437)(image-https://i-blog.csdnimg.cn/img_convert/f7
前端
Ccarrote -
前端實現速度線
功能
前端實現速度線，在矩形內生成黑白三角形且閃動。
思路
速度線可以使用多個角度相同的三角形分解矩形。三角形的渲染使用canvas連線fill就行，三角形在矩形上的兩個點可以通過計算每個三角形的邊長來獲取。三角形在矩形上的邊長使用三角函數獲取。
HTML結構：包含一個畫布（Canvas）用於顯示圖片。
CSS樣式：定義了頁面的基本佈局和樣式，並設置了畫布的大小和邊框。
JavaScrip
前端
Ccarrote -
上傳圖片修改透明邊距並下載下來
功能
允許用户上傳圖片，並在圖片周圍添加透明邊距。用户可以調整邊距的大小，然後將修改後的圖片下載為PNG格式。
思路
HTML結構：包含一個畫布（Canvas）用於顯示圖片，以及一些輸入框和按鈕用於調整邊距和下載圖片。
CSS樣式：定義了頁面的基本佈局和樣式，使頁面居中顯示，並設置了畫布的大小和邊框。
JavaScript功能：
處理圖片上傳。
允許用户調整圖片周圍的邊距
前端
Ccarrote -
wangeditor5自定義擴展設置圖片寬高（px）
wangeditor設置圖片寬高默認有30%、50%、100%三種等比縮放選擇，但是有的時候需要按照像素控制圖片大小不在乎圖片是否有拉伸的情況。所以只能編寫設置圖片寬高的自定義擴展。
編輯
1、設置圖片大小最好就是與原生一樣放置到選中工具欄上最合適，且因為要設置寬高兩種屬性所以用彈窗嵌套表格方便填寫。
2、查看官方文檔，有相關的説明，因為不需要事件劫持和創建新元素，所以看註冊新菜單這裏就行。
前端
