相关疑难解决方法(0)

我和n00b一起HTML5工作,我正在使用它canvas来渲染形状,颜色和文字.在我的应用程序中,我有一个视图适配器,动态创建一个画布,并用内容填充它.除了我的文本呈现非常模糊/模糊/拉伸之外,这非常有效.我已经看到了很多,为什么定义其他职位的宽度和高度在CSS会引起这个问题,但我确定这一切javascript.

相关代码(查看小提琴):

HTML

<div id="layout-content"></div>

使用Javascript

var width = 500;//FIXME:size.w;
var height = 500;//FIXME:size.h;

var canvas = document.createElement("canvas");
//canvas.className="singleUserCanvas";
canvas.width=width;
canvas.height=height;
canvas.border = "3px solid #999999";
canvas.bgcolor = "#999999";
canvas.margin = "(0, 2%, 0, 2%)";

var context = canvas.getContext("2d");

//////////////////
////  SHAPES  ////
//////////////////

var left = 0;

//draw zone 1 rect
context.fillStyle = "#8bacbe";
context.fillRect(0, (canvas.height*5/6)+1, canvas.width*1.5/8.5, canvas.height*1/6);

left = left …

这在Bismon项目（由 H2020 欧洲项目资助的 GPLv3+ 软件）中， git commit0e9a8eccc2976f。该报告草案描述了软件。这个问题提供了更多的背景和动机。它是关于（手写）的webroot / JScript中/ bismon-hwroot.js文件，在其代码被Bismon产生一些HTML页面中使用的（上面有专门的web服务器libonion）。

我为 span 添加了一些 CSS 类，例如span.bmcl_evalprompt（例如在我的文件first-theme.css 中）。

我如何编写 JavaScript 代码以在画布中添加具有相同样式（相同字体、颜色等）的文本片段（最好将jcanvas与 jquery结合使用）span.bmcl_evalprompt？我需要在我的 DOM 中创建这样的 span 元素吗？这甚至可能吗？

我只关心 Linux 上最近的 Firefox（至少 68）。JQuery是 3.4。我也在使用Jquery UI 1.12.1

我的想法是创建一个<span class='bmcl_evalprompt'>坐标远离浏览器视口（或 X11 窗口）的单个元素，例如 atx= -10000和y= -10000 （以像素为单位），然后将该单个定位错误的元素添加到文档 DOM 中，然后使用传统的获取字体系列、字体大小和元素大小的 Jquery 技术。但是有没有更好的方法呢？或者一些 Jquery 兼容库这样做？