dala00の100DaysOfCode
2019-03-01に投稿

day36

OGPを1種類作成した。なんかこんな感じで長さ計りつつcanvasでの文字の折返しに対応した。もっといい方法あるんだろうか。

  const lines: string[] = []
  let line = ''
  for (let i = 0; i < str.length; i++) {
    line += str.substr(i, 1)
    const metrix = ctx.measureText(line)
    if (metrix.width > width) {
      lines.push(line.substr(0, line.length - 1))
      line = line.substr(line.length - 1, 1)
    }
  }
  if (line.length > 0) {
    lines.push(line)
  }
  return lines

だら@Crieit開発者

Crieitの開発者です。 Webエンジニアです(在宅)。大体10年ちょい。 記事でわかりにくいところがあればDMで質問していただくか、案件発注してください。 業務依頼、同業種の方からのコンタクトなどお気軽にご連絡ください。 業務経験有:PHP, MySQL, Laravel, React, Flutter, Vue.js, Node, RoR 趣味:Elixir, Phoenix, Nuxt, Express, GCP, AWS等色々 PHPフレームワークちいたんの作者

dala00の100DaysOfCode
所有者限定モードのためこのボードには投稿できません
コメント
dala00の100DaysOfCode