小编Mat*_*zur的帖子

HTML5的canvas元素上的子像素消除锯齿的文本

我对canvas元素反锯齿文本的方式有点困惑,我希望你们都能提供帮助.

在下面的屏幕截图中,顶部的"Quick Brown Fox"是一个H1元素,底部的是一个在其上呈现文本的canvas元素.在底部你可以看到两个"F"并排放置并放大.注意H1元素如何与背景更好地融合:

这是我用来渲染画布文本的代码:

        var canvas = document.getElementById('canvas');
        if (canvas.getContext){

            var ctx = canvas.getContext('2d');
            ctx.fillStyle = 'black';
            ctx.font = '26px Arial';
            ctx.fillText('Quick Brown Fox', 0, 26);
        }
Run Code Online (Sandbox Code Playgroud)

是否可以以某种方式在画布上呈现文本,使其看起来与H1元素相同?为什么他们不同?

html5 text canvas antialiasing subpixel

45
推荐指数
3
解决办法
3万
查看次数

Rails单元测试中的DateTime问题

我正在为我的Rails应用程序进行单元测试,并遇到了以下问题.

我有一个带有夹具的事件模型,归结为:

concert:
  name:        Wallflowers
  start_at:    <%= DateTime.new(1999) %>
Run Code Online (Sandbox Code Playgroud)

在我的单元测试中,我有以下断言:

assert_equal DateTime.new(1999), events(:concert).start_at
Run Code Online (Sandbox Code Playgroud)

测试失败,并显示以下消息:

<Fri, 01 Jan 1999 00:00:00 +0000> expected but was
<Thu, 31 Dec 1998 19:00:00 UTC +00:00>.
Run Code Online (Sandbox Code Playgroud)

我无法弄清楚为什么要调整它.不正确时间的偏移量是5小时,这是我的本地偏移量.

其他可能相关的信息:

  • 问题只发生在测试时 - 我在开发过程中没有任何问题
  • environment.rb包含config.time_zone ='UTC'
  • 如果我使用Date.new而不是DateTime.new,测试工作,但我需要使用DateTime

我错过了什么?感谢帮助.

datetime ruby-on-rails

5
推荐指数
2
解决办法
2235
查看次数

标签 统计

antialiasing ×1

canvas ×1

datetime ×1

html5 ×1

ruby-on-rails ×1

subpixel ×1

text ×1