jjzjj

fillText

全部标签

javascript - 浏览器之间的 filltext() Canvas 文本位置差异

从问题底部的屏幕截图中可以看出,或者通过directlytothegame.文本的放置方式因浏览器而异(firefox15.0.1的呈现方式与IE9.9和Chrome21不同)。调用绘制函数:context.fillText(this.wlines[i],this.xcoord,this.ycoord+y+(t)*this.sizey);对象的构造函数:functiontextItem(text,xcoord,ycoord,sizex,sizey,style,context){this.wlines=[];this.text=text;this.xcoord=xcoord;this.y

php - HTML5 Canvas filltext 和 font-face

我一直在stackoverflow和谷歌上寻找解决这个问题的方法,但没有找到解决方案。发生的事情是我的font-face字体没有在正确的时间加载。我正在进行的是我有一个html5Canvas和javascript,我正在其中绘制一些带有填充文本的简单圆圈。现在正在绘制圆圈,但文本本身是错误的字体。我假设原因是因为字体是最后加载的,它只是选择默认字体。现在我的问题是......有没有办法可以延迟绘制Canvas对象直到加载字体?这样字体就可以使用了,它会将正确的字体分配给Canvas对象。我应该指出,我有一个index.php文件,其中包含我实际绘制javascript和Canvas的其

php - HTML5 Canvas filltext 和 font-face

我一直在stackoverflow和谷歌上寻找解决这个问题的方法,但没有找到解决方案。发生的事情是我的font-face字体没有在正确的时间加载。我正在进行的是我有一个html5Canvas和javascript,我正在其中绘制一些带有填充文本的简单圆圈。现在正在绘制圆圈,但文本本身是错误的字体。我假设原因是因为字体是最后加载的,它只是选择默认字体。现在我的问题是......有没有办法可以延迟绘制Canvas对象直到加载字体?这样字体就可以使用了,它会将正确的字体分配给Canvas对象。我应该指出,我有一个index.php文件,其中包含我实际绘制javascript和Canvas的其

javascript - 如何在 HTML 5 Canvas 中添加可选文本?

这个问题在这里已经有了答案:HowtoMakeCanvasTextSelectable?(9个回答)关闭7年前。我需要在Canvas上放置一个文本标签。可能吗?我怎样才能做到这一点?我知道有fillText但fillText没有给我平滑的输出文本。我还希望用户可以复制标签上的文本,如果我使用fillText,这是不可能的。

javascript - 如何在 HTML 5 Canvas 中添加可选文本?

这个问题在这里已经有了答案:HowtoMakeCanvasTextSelectable?(9个回答)关闭7年前。我需要在Canvas上放置一个文本标签。可能吗?我怎样才能做到这一点?我知道有fillText但fillText没有给我平滑的输出文本。我还希望用户可以复制标签上的文本,如果我使用fillText,这是不可能的。

html - Canvas context.fillText() 与 context.strokeText()

除了第一个使用context.fillStyle之外,context.fillText()和context.strokeText()之间还有什么区别吗?而后者使用context.strokeStyle。他们没有添加context.textStyle属性的原因是什么? 最佳答案 varcanvas=document.getElementById("myCanvas");varctx=canvas.getContext("2d");ctx.fillStyle='red';ctx.strokeStyle='green'ctx.lineWi

html - Canvas context.fillText() 与 context.strokeText()

除了第一个使用context.fillStyle之外,context.fillText()和context.strokeText()之间还有什么区别吗?而后者使用context.strokeStyle。他们没有添加context.textStyle属性的原因是什么? 最佳答案 varcanvas=document.getElementById("myCanvas");varctx=canvas.getContext("2d");ctx.fillStyle='red';ctx.strokeStyle='green'ctx.lineWi

带有从右到左字符串的 HTML5 Canvas fillText

我正在尝试在HTML5Canvas的2d上下文中使用fillText()方法来绘制用阿拉伯语编写的字符串。它工作得很好,直到我在字符串的末尾放置了一个标点符号。然后标点符号出现在字符串的错误一侧(在开头,而不是结尾,就好像它是一个ltr而不是rtl字符串)。我玩过Context.textAlign属性,但这似乎只涉及字符串相对于指定位置的绘制方式,而不是文本的实际方向。有谁知道解决这个问题的方法吗?谢谢。更新:我找到的答案是向页面上的canvas元素添加一个“dir”属性。例如,但是,我仍然不知道如何更改发送到fillText的单个字符串的dir属性。有什么想法吗?

带有从右到左字符串的 HTML5 Canvas fillText

我正在尝试在HTML5Canvas的2d上下文中使用fillText()方法来绘制用阿拉伯语编写的字符串。它工作得很好,直到我在字符串的末尾放置了一个标点符号。然后标点符号出现在字符串的错误一侧(在开头,而不是结尾,就好像它是一个ltr而不是rtl字符串)。我玩过Context.textAlign属性,但这似乎只涉及字符串相对于指定位置的绘制方式,而不是文本的实际方向。有谁知道解决这个问题的方法吗?谢谢。更新:我找到的答案是向页面上的canvas元素添加一个“dir”属性。例如,但是,我仍然不知道如何更改发送到fillText的单个字符串的dir属性。有什么想法吗?

javascript - HTML5 canvas ctx.fillText 不会换行?

如果文本包含“\n”,我似乎无法将文本添加到Canvas。我的意思是,换行符不显示/不起作用。ctxPaint.fillText("some\n\\nthing",x,y);上面的代码会绘制"some\nthing",在一条线上。这是fillText的限制还是我做错了?"\n"在那里,但没有打印出来,但它们也不起作用。 最佳答案 如果您只想处理文本中的换行符,您可以通过在换行处拆分文本并多次调用fillText()来模拟它类似于http://jsfiddle.net/BaG4J/1/varc=document.getElementB