HTML Canvas measureText太离谱了

文章/答案/技术大牛

发布

0回答

javascript、html、canvas

我试图在HTML Canvas上的字符串下画一条线，但是从measureText返回的值是错误的。代码如下：var theCanvas = document.querySelector('canvas')if (ctx, 20, 160); ctx.beginPath(); ct

浏览 7提问于2018-07-15得票数 2

回答已采纳

2回答

如何在HTML画布中集中对齐文本？

javascript、html、canvas

当我在做一个小JavaScript游戏时，我遇到了一个小问题:文本不是集中对齐的。一个简单的例子：context.fillText(txt,100,100);我的问题是，是否有一种方法来绘制文本，使给定的坐标标记文本的中心而不是开始？

浏览 0提问于2015-04-26得票数 2

回答已采纳

2回答

measureText()制表符

javascript、html5-canvas

我预计TAB字符会比SPACE字符更宽，但是在HTML5画布中，它们是相同的。再加上其他几个不太受关注的问题：c.font='24px Sans-Serif';c.measureText('\r').width; //

浏览 0提问于2016-06-16得票数 2

回答已采纳

2回答

如何使用JS有效地查找字符串的宽度

javascript、jquery

我目前用于计算字符串宽度的代码如下所示：String.prototype.strWidth = function(){ $("#ruler").html(this);

浏览 2提问于2015-11-04得票数 1

回答已采纳

1回答

如何用Javascript计算文本宽度？

javascript、text

我需要使用JavaScript计算我的文本。但找不到一种简单有效的方法。请帮助我:)预先谢谢。

浏览 5提问于2020-07-02得票数 0

回答已采纳

4回答

检测canvas text API支持(Opera Mini)

javascript、html、canvas、opera-mini、opera-presto

尽管Opera Mini不显示画布文本，但典型的测试表明它实现了文本API函数。有没有替代的技术来检查支持？当前方法：var canvasTextSupport = typeof

浏览 1提问于2012-09-20得票数 4

回答已采纳

3回答

在jquery中，创建一个选择器来选择除一个元素之外的所有元素

jquery、jquery-selectors

例如，我如何创建一个选择器来选择'html‘中的所有内容，除了“# element -dont choose-me”元素$("div > ul a") 但我知道这太离谱了..

浏览 2提问于2011-07-22得票数 0

3回答

有没有Javascript库可以智能地截断字符串？

javascript

我需要截断侧边菜单中的字符串，使它们适合没有换行符的div。divs的宽度是固定的。我正在寻找一个图书馆来为我做这件事。如果字符串太长，无法放入div中，则应该像这样截断它：正如您所看到的，字符串不仅被省略号截断，而且最后三个字母也是可见的。这是为了增加可读性。截断不应该关心空格。提前感谢！

浏览 0提问于2012-11-15得票数 2

回答已采纳

1回答

html画布文本大小不准确

html、text、canvas、width

我试图使文本在框中居中，但ctx.measureText()没有返回准确的值。运行下面的代码时，文本的居中位置不准确。它可以在google chrome下运行，但我不能在jsfiddle下运行(对不起) <head> canvas=document.getElementById('can

浏览 0提问于2011-03-28得票数 3

回答已采纳

7回答

我像这样在字符串中设置了背景： spanString.setSpan(new BackgroundColorSpan(color), 0, 3, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE(paint, text, start, end)); public void draw(Canvas canvas, CharSequence text, int start(paint, text, start, end), bottom); paint.setColor(mBackground

浏览 3提问于2013-11-19得票数 11

1回答

EditText中有关阿拉伯文本和行高的问题

android、android-custom-view、text-rendering

不幸的是，getLineBounds()对于拉丁文本来说太大了。 protected void onDraw(Canvas canvas) { canvas.getClipBounds(+ textPaint.measureText(lines[i]), bas

浏览 27提问于2018-09-01得票数 1

1回答

安卓系统中ReplacementSpan的替代方案

android、textview、spannablestring

我不能使用BackgroundSpan，因为它太简单了，不能让我控制画布。由于ReplacementSpan扩展了MetricAffectingSpan，影响了文本的布局，完全中断了分页。(paint, text, start, end)); public void draw(@NonNull Canvas canvas, CharSequencecanvas.clipRect(newRect, Region.Op.REPLACE); fl

浏览 2提问于2016-08-21得票数 6

回答已采纳

2回答

symfony 2 domCrawler如何获取<body>的所有子元素

symfony、domcrawler

也许这是一个愚蠢的问题，但我需要从选定的HTML页面中获得一个具有所有html节点的对象。我必须使所有节点都可以选择，特别是开始标记。as $test){ } $html

浏览 0提问于2015-11-27得票数 0

1回答

HTML画布measureText().width太大了

javascript、html、css、canvas

我试图在html画布中找出文本的宽度。我使用的是measureText方法，但是它给了我一个比预期的值多一倍的值。我使用toSting方法生成文本。如果我硬编码从toSting返回到measureText，它很好.退货22下面是完整的代码：function createGraph(){ this.canvas = docume

浏览 2提问于2016-04-22得票数 0

回答已采纳

1回答

在jupyter笔记本中检测线条宽度？

python、jupyter-notebook、jupyter、jupyter-lab

对于ipython，我使用它来检测控制台线宽：我如何在python中对jupyter笔记本做同样的事情呢？

浏览 1提问于2020-05-28得票数 1

2回答

如何将像素转换为英寸？

javascript、width、pixel

('#text').on('change', function() { var canvas= getTextWidth.canvas || (getTextWidth.canvas = document.createElement("canvas"));var context = canvas.get

浏览 1提问于2015-08-12得票数 1

回答已采纳

3回答

单文本视图中的两种不同样式

android、html、xml

在(6)的末尾，.There是一种在html中实现它的方法，但是边框不显示在html中。String html = "<p style=\"border:1px; border-style:solid; border-color:#FF0000; padding: 1em;\"> B1-993m</p>";

浏览 3提问于2021-12-29得票数 0

回答已采纳

3回答

帆布消失

javascript、html、canvas

当我将点击放到html文档中( body标记的底部)时，它工作得很好。doctype html> <head> </head> <canvas id="canvasId" style="</canvas> <script src="canv

浏览 2提问于2015-07-02得票数 2

回答已采纳

2回答

画布元素上的预格式化文本

html、text、canvas、html5-canvas、pre

然后将该文本传递给canvas元素。 <canvas id="Section1Canvas" width="500" height="95" >Your browser d

浏览 1提问于2013-03-12得票数 0

回答已采纳

2回答

Firefox 4文本渲染错误

canvas、firefox4

我在上搜索了一下，发现问题出在火狐4上，而不是Chrome。<html> <title>Firefox 4 Text Rendering Bug</title> var canvas = document.getElementById('tutorial'); i

浏览 0提问于2011-06-04得票数 3

回答已采纳

点击加载更多