标签: outline

对于我想要的某种风格,我想在SVG中勾勒出一组形状.应用于一组,该stroke属性似乎单独勾勒出每个形状 - 有效地在附近的其他形状之上.为了更清楚地解释我的情况:我有一组每个8x8像素的触摸矩形.但是,它们不会形成更大的矩形.

为简单起见,让我们说它们形成了一个十字架.所以我有5个矩形 - 中间有1个,另一个有一个.我想把它们全部勾勒出来,好像它们是1个形状.鉴于这种"交叉"形状发生了变化,我宁愿不使用路径,因为这需要更多的编码.有没有什么方法可以让效果过滤器将这个组识别为单个形状？

如果没有,是否至少可以制作这个组的黑色副本,其宽度和高度正好大2倍,我可以在组后面创建一个纯黑色轮廓？如果是这样,是否可以不重复该组？

感谢您的任何帮助.

在画布上绘图时,如何在JavaScript中为文本提供大纲？请参阅下面我尝试做的图片.

我一直在寻找如何概述一个TextView,到目前为止我刚刚发现了这个问题,但是从2010年开始.我认为现在有一种标准的方式来概述文本,但到目前为止我还没有设法成功.我在代码中的内容如下:

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textColor="#3e3e3e"
    android:shadowColor="#ffffff"
    />

但是我得到以下渲染错误:

不支持Paint.setShadowLayer

我很高兴知道是否有其他方法来概述文本或如何处理此错误!谢谢!

在iPhone上单击Safari上的链接时是否可以避免黑色叠加？

对于Web版本的Safari,有这样的东西

:focus {
outline: 0;
}

当我点击网页上的任何东西在iPhone上进行野生动物园时,我可以避免看到黑盒子吗？

我想使用php将边框放在常规尺寸的图像周围.我想知道我找到了文本到图像的边框,但不是简单的图像.边框宽度可以改变.请帮忙

我叠!...有加大差距的方式outline (整体线条)和border (div的即时线)？

例如,我得到了:

[码]

    <div style="border:5px solid red; outline:3px solid green \\--->GAP ?; >
//Inside Div

|---------------`OutLine`--------------------



-------> *this GAP*



      |-------------------`border`--------------------

          |---------------`<div>`--------------------|

我在我的 nodeJS 项目上使用SweetAlert并且它的工作就像一个魅力，除了当我显示一个确认模式时它将焦点设置到确认按钮并且它得到这个可怕的轮廓。

这是它的样子：

这就是我想要的样子：

我已经尝试覆盖它的样式并将大纲设置为无，但它没有用：

.sweet-alert button.confirm {
  outline: none !important; }

我也试图摆脱这种风格的任何大纲：

*:focus, *:active {
outline: 0 !important; }

这是我用来触发 SweetAlert 模式的代码：

swal({ title: "Confirmation", 
               text: "Are you sure you want to remove this credit card?", 
               showCancelButton: true,
               confirmButtonText: "Yes, remove it", 
               closeOnConfirm: true }, 
               doRemoveCard);

这是 sweetalert.min.js 中设置焦点的一段代码：

a=o.querySelector("button.confirm");a.focus()

关于如何摆脱这个大纲的任何想法？

我是Stackoverflow的新手。
我目前正在使用XCode for iOS开发移动应用程序。
但是，我试图在标签上添加白色轮廓/笔触，但我不知道该怎么做。我尝试搜索这些论坛，但没有迅速找到任何解决方案。
我尝试使用shadow属性，但效果不理想。
如何在Swift中为标签添加轮廓？
编辑：该文本应类似于此图片中的文本：http : //cf.chucklesnetwork.com/items/7/5/7/4/4/original/yo-dawg-i-heard-you-like-captions -so-i-put-captions-of-captions.jpg

我想知道我是否能得到与编辑器中相同的大纲。 像这样

我尝试使用这个脚本https://github.com/michaelcurtiss/UnityOutlineFX

得到这个结果

遗憾的是,IE7中不支持CSS大纲,所以我坚持使用边框.但是为页面上的任何元素添加边框会占用空间并可能会移动页面.

如果我正在添加一个2px的边框,那么我设置一个-2px的边距,它的底座并不完美,因为列表项向左移动,而"margin:auto"真的与它有关.

你可以在这里看到例子:

http://paul.slowgeek.com/nodeSelector/tests/simple.html

http://paul.slowgeek.com/nodeSelector/tests/center1.html

例如,如果页面具有:

<div>
    <p>Lorem Ipsum</p>
</div>

然后我做了:

<div>
    <p style="border: 5px solid red">Lorem Ipsum</p>
</div>

页面现在将大10 px,p元素将缩进5像素.但如果我这样做:

<div>
    <p style="outline: 5px solid red">Lorem Ipsum</p>
</div>

在Firefox 3中,页面将是完全相同的高度,并且元素将处于相同的位置.我希望这种行为跨浏览器工作.

基本上,如何使用CSS边框来获得CSS大纲的效果？

HTML(3倍):

<div class="scream">
  <div class="author">
    <img src="avatars/dagrevis.png" alt="" title="daGrevis" />
  </div>
  <div class="data">
    <span>Lorem Ipsum is simply dummy text of the printing and typesetting industry...</span>
  </div>
  <div class="clearer"></div>
</div>

CSS:

.scream {
  background: #F4F4F4;
  width: 944px; height: 48px;
}

.scream .author {
  float: left;
}

.scream .data {
  float: left;
}

.clearer { clear: both; }

这是它在我的浏览器上的样子:

如您所见,height设置为48px.图像大小也是48px.怎么说我没有看到每个div.scream分开的线？height例如,如果我设置为50px,那么一切正常!在我看来,这是因为有某种边界/轮廓/边缘/填充破坏了我的生活.不幸的是,使用FireBug我没有看到类似的东西......

我将尽可能具有描述性.这是最新版本的bootstrap.我有一个在背景中有一个大的黑暗图像的网站,在某些页面上有文字,我把一个黑色的jumbotron用于白色字体的背景.我想在它们周围设置一个边框,但到目前为止,我看不到有任何边界可以想到这样做.请帮忙,这是我的第一个网站.边界是为了给巨型tron一些光线对比.有任何问题让我知道.使用jumbotron我的CSS css是

.jumbotron {
margin-bottom: 0px;
background-position: 0% 25%;
background-size: cover;
background-repeat: no-repeat;
color: white;
text-shadow: black 0.3em 0.3em 0.3em;
background: black;
border: 5px;
border-color: #fff;
}

当我在.php文档中以下面的形式使用它时

<div class="jumbotron">
<h2> subpage name </h2>
<h4> title </h4>
<p> bunch of text
</p>
</div>

谢谢你的帮助.