有需要的可以封裝成元件使用。
context.beginpath();
// 設定線寬
context.linewidth = 4;
// 設定間距（引數為無限陣列，虛線的樣式會隨陣列迴圈）
context.setlinedash([8, 8]);
// 移動畫筆至座標 x20 y20 的位置
context.moveto(20, 20);
// 繪製到座標 x20 y100 的位置
context.lineto(20, 100);
// 繪製到座標 x70, y100 的位置
context.lineto(70, 100);
// 填充顏色
context.strokestyle="red";
// 開始填充
context.stroke();
context.closepath();
// 切換回實線
context.setlinedash();
canvas生成海報
雖然之前也做過類似的生成海報的專案，但是這個專案我又網上查詢了一下，發現乙個外掛程式挺好用的 html2canvas.js 用起來很方面 優先引入這個js 然後需要定義canvas容器，編寫你需要生成的html 定義canvas 生成展示的地方 需要轉換成的html 下面是如何使用js去把html生...
小程式（uniapp）骨架屏應用
1.基本理解 骨架屏實現原理很簡單，就是通過佔位線框元素，漸進式載入資料。骨架屏是結合了懶載入功能，在頁面沒有載入完成之前，先呈現頁面基本結構。效果圖 注意點 1,引入組建後,template 標籤內加入 2,data物件中設定showskeleton true 預設一開始進入頁面載入骨架屏內容。3...
前端生成分享海報相容H5和小程式
移動端分享海報生成 最近做專案需求是生成商品分享海報，並且儲存到手機中要相容h5和小程式 與後端同學溝通後，海報在前端生成最省效能和有較好的互動體驗，先看做好的效果 實現方案是拿到後端返回的資料後，利用canvas畫布把各個資料拼在一起並且生成一張 onready methods fail func...