标签: text-rendering

html斜体字母从其容器突出(并且可能会被下一个容器的背景剪切)

为了说明此问题(出于演示目的,背景使用alpha 0.2):http : //jsfiddle.net/Novado/enhuc4jv/1/

<span style="font-family: impact; font-size: 500pt; font-style: italic;">
    <span style="border: 1px dotted #000;background-color: rgba(10, 10, 10, 0.2);"><span style="border: 1px solid red;color: red;background-color: rgba(200, 0, 0, 0.2);">World</span>&nbsp;&nbsp;</span><span style="border: 1px dotted green; background-color: rgba(200, 0, 0, 0.2);"><span style="border: 1px solid blue; color: blue;background-color: rgba(0,0,200,0.2);">World</span>&nbsp;&nbsp;</span>
</span>
Run Code Online (Sandbox Code Playgroud)

故意缺少中断符号:html代码是后端生成的,字体样式可能会有所不同。可惜我还不能发布图片。如果在示例中删除“ nbsp;”符号,您将看到第一个单词的最后一个字母将被下一个容器的背景部分剪切。

我在此问题上发现的所有内容(多少有些)是此链接:http : //www.positioniseverything.net/explorer/italicbug-ie.html

通常,某些字母(例如'j','f',特别是斜体)会从其容器盒中伸出(如果没有填充物的话)。

但是,为什么呢?据我了解-这是html标准,但我找不到确切的文档,也找不到该行为背后的原因...

有人可以解释为什么这种行为被认为是正常的吗?并且对于“背景切割字母”问题有很好的解决方案吗?因为我看到的每个所见即所得也都受此影响,但是我似乎找不到任何抱怨的人(嗯,也许我只是在搜索查询上很烂,谁知道)。

html css text-rendering html-rendering

3
推荐指数
1
解决办法
1434
查看次数

在 C# 中使用 Graphics.DrawString 作为计时器时如何减少闪烁?

下面是在进度条上绘制文本的 C# 代码。它用于向进度条添加文本,显示剩余时间倒计时。我使用 Graphics 类来绘制字符串而不是 Windows 窗体标签,因为当放置在进度条上时,标签背景无法设置为透明。

但是,使用此代码,每次更新时文本都会闪烁(此方法在每秒滴答一次的计时器内调用),因此它几乎不断闪烁并且无法使用。

/// <summary>
    /// Adds time remaining text into a System.Windows.Forms.ProgressBar
    /// </summary>
    /// <param name="target">The target progress bar to add text into</param>
    /// <param name="remainingTimeText">The text to add into the progress bar.</param>
    private void set_progress_bar_text( System.Windows.Forms.ProgressBar target, string remainingTimeText )
    {
        // Make sure we do not have a null progress bar.
        if( target == null )
        {
            throw new ArgumentException( "Null Target" );
        }

        // Use the progress bar label font …
Run Code Online (Sandbox Code Playgroud)

c# flicker text-rendering windows-forms-designer winforms

3
推荐指数
1
解决办法
1542
查看次数

使用ImageMagick和PHP使用自定义字体绘制文本

我希望使用自定义字体动态地将文本呈现给图像,最好使用直接输出保存到文件选项.并根据字体/大小组合自动设置图像大小.

我已经可以用GD做到这一点,但它不处理字符相互叠加的字体.

所以现在我正在寻找ImageMagick.我在文档中找到了一个似乎做我想做的事情的例子.这可能与php_magick?特别是没有定义图像大小的部分:)如果不是,我可以让命令行magick输出原始图像,所以我可以用PHP将它直接传递给客户端吗?

谢谢!


真正的问题可能是:如何使用php_magick将下面的IM命令转换为PHP代码?

convert -background lightblue -fill blue -font Arial -pointsize 72 label:Anthony
Run Code Online (Sandbox Code Playgroud)

php imagemagick text-rendering

2
推荐指数
1
解决办法
1万
查看次数

如何使用 PyOpenGL 渲染文本?

我正在学习现代 openGL,目前我在渲染文本方面遇到了麻烦。我正在遵循C++教程,但我正在尝试用 python 实现。

这是我的代码:

from OpenGL.GL import *
from OpenGL.GLU import *

from OpenGL.GL import shaders

import glfw
import freetype
import glm

import numpy as np
from PIL import Image
import math
import time


class CharacterSlot:
    def __init__(self, texture, glyph):
        self.texture = texture
        self.textureSize = (glyph.bitmap.width, glyph.bitmap.rows)

        if isinstance(glyph, freetype.GlyphSlot):
            self.bearing = (glyph.bitmap_left, glyph.bitmap_top)
            self.advance = glyph.advance.x
        elif isinstance(glyph, freetype.BitmapGlyph):
            self.bearing = (glyph.left, glyph.top)
            self.advance = None
        else:
            raise RuntimeError('unknown glyph type')

def _get_rendering_buffer(xpos, ypos, w, h, …
Run Code Online (Sandbox Code Playgroud)

python opengl pyopengl freetype text-rendering

2
推荐指数
1
解决办法
4931
查看次数

1
推荐指数
1
解决办法
6050
查看次数

如何获得 SVG 文本的“crispEdges”?

文本以外的 SVG 形状受shape-rendering可以设置为crispEdges值的属性的影响(https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/shape-rendering)。这个值似乎关闭了抗锯齿。

但文本仅受text-rendering. 但是,这不提供crispEdges值(https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/text-rendering)。为什么?有没有另一种方法来获得非抗锯齿?

svg text antialiasing text-rendering shape-rendering

1
推荐指数
1
解决办法
1529
查看次数