画布文本在Android Chrome中不起作用

时间:2018-07-13 04:00:43

标签: android google-chrome canvas

我正在使用CanvasTextWrapper渲染WebGL应用程序的画布文本。

这在Windows上的Chrome浏览器中完美运行

  let textCanvas = document.createElement('canvas')
  textCanvas.width = width || canvas.width
  textCanvas.height =  height || canvas.height
  let txtCtx = textCanvas.getContext('2d')

  const textWrapperOptions = {
    verticalAlign: verticalAlign || 'middle',
    font: size + ' Roboto',
    lineHeight:  size,
    textAlign:  align || 'center',
    strokeText: false,
    paddingX: paddingX ||  '10',
    paddingY: paddingY || '10',
    lineBreak:'auto',
    justifyLines:false,
  }

  txtCtx.fillStyle = classicWhite//colour
  CanvasTextWrapper(textCanvas, text,  textWrapperOptions)
  ctx.drawImage(textCanvas,x,y,textCanvas.width,textCanvas.height)

但是,在Android chrome上,不会显示任何文本。我试过改变字体等,似乎没有什么不同。

Android文字画布渲染有任何怪癖吗?

0 个答案:

没有答案