canvas繪製海報中文字自動換行

2021-10-01 22:12:09 字數 610 閱讀 5919

canvas繪製的海報在某一行文字過多時不會自動換行(設定文字寬度無用)

context.filltext(this.data.goods.package_brief, 17 * getratio(), 350 * getratio());
this.drawtext(context, this.data.goods.package_brief,17*getratio(),340*getratio(),200);
drawtext: function (context,t,x,y,w)  測量文字text的寬度

else

}row.push(temp);

// 只顯示2行,加...

if (row.length>=2)

context.filltext(str, x, y + (b + 1) * 15);

}}else

}}

drawtext: function (context,t,x,y,w){}中 context是canvas自身,t是要轉換的文字,x是距離canvas左邊的距離,y是距離canvas頂部的距離,w是設定的文字內容寬度

canvas繪製海報

繪製圓形 var imgbasedata this.canvascode const fsm wx.getfilesystemmanager const file base name tmp base64src let pro2 new promise resolve,reject const fi...

canvas 繪製文字 自動換行

ctx 2d getcontext 2d 物件 lineheight 段落文字行高 bytelength 設定單位元組文字一行內的數量 text 寫入畫面的段落文字 startleft 開始繪製文字的 x 座標位置 相對於畫布 starttop 開始繪製文字的 y 座標位置 相對於畫布 const ...

Canvas 繪製文字

filltext text,x,y maxwidth 填充文字 stroketext text,x,y maxwidth 描邊文字 font font 10px sans serif 預設 text anchor start 預設,文字對齊界線開始的地方 左對齊指本地從左向右,右對齊指本地從右向左 ...