标签: outline

有谁知道如何删除Opera中按钮上的虚线轮廓？

我已经使用glsl成功实现了一个cel着色器.但我的问题是关于概述所有内容,互联网上每个opengl的例子都很旧,与现有技术不匹配,所以技术速度慢......所以我无论如何都无法在glsl中找到它.我想到了一些想法,比如将最不密集的区域着色为黑色,但是对于gl_Vertex,gl_Position和眼睛位置甚至没有足够的解释.所以,由于每种技术都太老了,我终于决定向某人询问这个大纲问题.

我想创建一个简单的程序,打开任何给定的图像,并选择2种颜色:BackgroundColor和OutlineColor.然后围绕"对象"做一个轮廓.

到目前为止,这是我的代码:

        for (int y = 1; y < height - 1; y++) //iterate trough every pixel 
        {                                    //in my bitmap
            for (int x = 1; x < width - 1; x++)
            {
                //i want to put a pixel only if the the curent pixel is background
                if (bitmap.GetPixel(x, y) != BackgroundColor)
                    continue;

                var right = bitmap.GetPixel(x + 1, y);
                var down = bitmap.GetPixel(x, y + 1);
                var up = bitmap.GetPixel(x, y - 1);
                var left …

我有一个汉堡菜单按钮,可通过TAB选择.当我点击它并打开菜单时,汉堡有这个蓝色轮廓,以表明它是聚焦的.我不想删除那个蓝色轮廓,因为它有助于视障人士和标签选择它也很棒,但只有当有人通过鼠标点击蓝色轮廓时才有一种聪明的方法来删除蓝色轮廓.只是美学......

感谢您的回答.

干杯

我听说过上面提到的包,但我找不到下载.我在哪里可以得到它？

我目前正在扩展 TextView，在文本周围添加轮廓。到目前为止，我遇到的唯一问题是我无法将“大纲”正确放置在文本后面。如果我像下面描绘的那样对扩展类进行编码，我会得到一个如下所示的标签：

注意：在上面的截图中，我将填充颜色设置为白色，笔触颜色设置为黑色。

我究竟做错了什么？

public class OutlinedTextView extends TextView {
    /* ===========================================================
     * Constants
     * =========================================================== */
    private static final float OUTLINE_PROPORTION = 0.1f;

    /* ===========================================================
     * Members
     * =========================================================== */
    private final Paint mStrokePaint = new Paint();
    private int mOutlineColor = Color.TRANSPARENT;

    /* ===========================================================
     * Constructors
     * =========================================================== */
    public OutlinedTextView(Context context) {
        super(context);
        this.setupPaint();
    }
    public OutlinedTextView(Context context, AttributeSet attrs) {
        super(context, attrs);
        this.setupPaint();
        this.setupAttributes(context, attrs);
    }
    public OutlinedTextView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle); …

我试图找到一个算法来绘制多个多边形之间的共同轮廓.我的意思是在这张图片上:

我们有两个矩形(在我的例子中,它们不是矩形,但是它们的大部分角度为直角的多边形)和Im在图像的第二部分上寻找像红色路径的共同轮廓.我认为最大的问题是找到新的点,我在图像的第二部分标记为黄色.多边形永远不会交叉或接触自己.我以逆时针顺序存储多边形作为点.

我正在寻找一些我应该谷歌的线索,来源甚至是关键词,这可能会让我的任务变得更容易......

编辑:它类似于凸包,但看着不在顶点的边缘,黄色点可能在边缘的延续,我看着它.

EDIT2:好的,我需要在多边形周围绘制一个给定大小的边框,但是这样的方式是,如果两个多边形比边框大小更近,它们将具有公共边框,这是两个边框的总和,没有"内部"部分它和这两个多边形将被视为一个形状.所以我试图找到这个红色多边形,用于在它周围绘制这个边框.

关于执行以下操作的做法存在一些争议:

a, input, textarea, button {
    outline: none;
}

可访问性问题是一个常见问题.

我不打算完全删除此功能(如上面的代码所示); 但是,这个功能通过在不受欢迎的区域添加非预期的边框(嗯,轮廓？)而极大地混淆了我的原始设计.

主要问题是这些轮廓实际上遵循元素周围的矩形区域,而不是其轮廓(即它忽略边界半径等).

例:

div {
    margin: 64px;
}

input {
    font-size: 20px;
    border-radius: 16px;
    border: 2px solid #CCC;
    padding: 2px 12px;
}

button {
    font-size: 20px;
    border-radius: 32px;
    text-transform: uppercase;
    color: #FFF;
    border: 2px solid #CCC;
    background: #CCC;
    padding: 6px 3px;
    cursor: pointer;
}

<div>
    <input type="text" placemark="Search query..."/>
    <button>Go</button>
</div>

我所知道的唯一解决方案是运行上面的代码并使用我自己的系统.

采用这种方法时最佳做法是什么？

在 Chrome devtools、Firefox devtools、Safari、Opera 等中，如果我检查一个元素，当我将鼠标悬停在源面板中该元素的代码上时，我可以看到它的边界框很好地勾勒出来。那太棒了。但是，如果我想查看页面上所有（或大部分）元素的布局怎么办？例如，也许我想看到这样的事情：

在 Firefox “样式编辑器”中，我添加了这些样式：

div { border: 1px dotted pink }
p   { border: 1px solid green }
a   { border: 2px solid yellow }
li  { border: 1px dashed cyan }
img { border: 1px solid purple}

（Chrome 无法执行此操作，因为它不支持 UAAG 2.0 Web 可访问性标准）。由于用户代理样式表覆盖了页面中的样式，我看到了我正在寻找的轮廓类型。

现在这只是一个 hack，也许就足够了，但是还有其他工具可以做到这一点，或者我没有在 devtools 中找到什么？

注意：我确实在 Chrome 的“渲染”菜单选项下找到了有关“显示合成图层边框”的答案，但这并不是我真正想要的：

https://superuser.com/questions/774424/grid-overlay-showing-up-as-soon-ai-launch-chrome-developer-tools

如何在字体上绘制轮廓？
我想使用黑色字体，但背景必须是黑色的，所以很难看到字体。

我认为myfont.render不支持在字体上绘制轮廓。

还有其他办法吗？