标签: shadow

复杂的CSS Text-Shadow和跨浏览器兼容性

<html>
<body>
    <style type='text/css'>
        body {
            font: 100% myriad, arial, sans-serif;
            font-size: 12px;
            color:white; 
            font-weight:bold;
        }
        .shadowtext {
            text-shadow:-0.1em 0 0.1em #626262, 0.1em 0 0.1em #626262, 0 -0.1em 0.1em #626262, 0 0.1em 0.1em #626262;
        }
        .shadowtext_text {
            text-shadow:0 0 0.3em #000
        }
    </style>
    <DIV class="shadowtext">0 %</DIV>   
    <DIV class="shadowtext">10 %</DIV>  
    <DIV class="shadowtext">25 %</DIV>  
    <DIV class="shadowtext">95 %</DIV>  
    <DIV class="shadowtext">0123456789</DIV> <br>
    <DIV class="shadowtext_text">0 %</DIV>  
    <DIV class="shadowtext_text">10 %</DIV> 
    <DIV class="shadowtext_text">25 %</DIV> 
    <DIV class="shadowtext_text">95 %</DIV> 
    <DIV class="shadowtext_test">0123456789</DIV>   
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

我试图让shadowtext_test模仿shadowtext文本阴影的外观,而不是过于复杂的长度.有人有主意吗?

另外......我希望它在所有浏览器上看起来都一样,或者至少IE7,IE8和更老的Firefox.任何人都知道解决这个问题的最佳方法.我没有看到使用过滤器在IE上进行多次模糊/阴影/发光的简单方法.

html css internet-explorer shadow css3

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

Javascript:从X,Y坐标获取方向的公式

我正在制作一个实用程序来快速创建CSS投影,并意识到这只能在使用IE过滤器的 IE中完成.但是,阴影过滤器使用Direction而不是(x,y)坐标:

filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');"
Run Code Online (Sandbox Code Playgroud)

如何从(x,y)坐标计算方向?

编辑:使用给出的响应和此链接的更多详细信息:我修改了我的代码如下:

function(x, y){
    var d = Math.atan2(x, y) * (180 / Math.PI);
    if(d < 0){ d = 180 - d; }
    return d;
}
Run Code Online (Sandbox Code Playgroud)

如果传递分别用作X,Y的水平偏移和垂直偏移,则将获得0到359之间的度数.

javascript css geometry trigonometry shadow

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

带有 CSS 的图像的圆形阴影

我想为图像创建一个圆形阴影和一个 CSS 按钮,我在CSS3 Drop Shadows Generator 中找到了一个解决方案,它为一个框创建圆形阴影。

在此处输入图片说明

但我不知道如何为我的案例应用代码(用于图像和按钮)

.box {
  position: relative;
  width: 400px;
  height: 300px;
  background-color: #fff;
  box-shadow: 0 1px 5px rgba(0,0,0,0.25), 0 0 50px rgba(0,0,0,0.1) inset;
  border-radius: 1%     1%     1%     1% /     1%     1%     1%     1%;
}
.box:after {
      position: absolute;
      width: 64%;
      height: 12%;
      left: 18%;
      border-radius: 50%;
      z-index: -1;
      bottom: 0%;
      content: "";
      box-shadow: 0 50px 24px rgba(0,0,0,0.24);
      }
Run Code Online (Sandbox Code Playgroud)

您的支持将不胜感激!

css image rounding shadow

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

在Listview的List项的底部添加阴影

我想在ListView项目的底部添加阴影!! 我尝试了paddingEdageLenght,但没有发生任何变化!我添加了圆形边缘,但我不能在项目下方添加阴影

这是我的列表项xml文件

 <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fadingEdgeLength="5sp" >

    <ImageView 
        android:id="@+id/site_image"
        android:layout_height="50dp"
        android:layout_width="65dp"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_margin="10dp"/>

    <TextView 
        android:id="@+id/site_name"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:layout_toRightOf="@id/site_image"
        android:layout_marginLeft="10dp"
        android:layout_marginTop="10dp"
        android:textSize="20sp"/>

    <TextView 
        android:id="@+id/site_description"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:layout_below="@id/site_name"
        android:layout_marginTop="5dp"
        android:layout_marginLeft="10dp"
        android:layout_toRightOf="@id/site_image"
        android:textSize="15sp"/>


</RelativeLayout>
Run Code Online (Sandbox Code Playgroud)

这是我的ListView xml文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <ListView
        android:id="@+id/near_sites"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_margin="10dp"
        android:fadingEdgeLength="5sp"
        android:dividerHeight="10sp"
        android:divider="@android:color/transparent" />

</RelativeLayout>
Run Code Online (Sandbox Code Playgroud)

任何帮助?

android listview shadow android-listview

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

iOS设置阴影半径不起作用

UILabel设置阴影半径不起作用.

[self.testLabel.layer setShadowColor:[[UIColor purpleColor] CGColor]];
[self.testLabel.layer setShadowOffset:CGSizeMake(3, 3)];
[self.testLabel.layer setShadowRadius:5.0f];
[self.testLabel.layer setMasksToBounds:YES];
Run Code Online (Sandbox Code Playgroud)

我的代码(Google云端硬盘) https://drive.google.com/file/d/0B5UPvOBH3cqvOFlvZHhKdlNhb0E/view?usp=sharing

如果这是一个重复的问题,我很抱歉.非常感谢.

shadow uilabel ios

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

SceneKit:是否可以在透明对象上投射阴影?

我想在OSX上的SceneKit中在一个完全透明的平面上投下阴影.我几个小时以来一直在努力解决这个问题而且没有任何解决方案.

我的目的是生成具有透明背景的几个对象的屏幕截图,以及不可见平面上的阴影.

你对我如何用苹果SceneKit做这个有什么建议吗?

我是否必须编写自己的着色器,我可以使用着色器修改器进行此操作还是可以使用内置函数?

macos shadow scenekit

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

光线追踪 - 柔和的阴影

我正在实施我自己的光线追踪器作为学校项目的iPad应用程序.目前这是结果:

在此输入图像描述

我需要添加最后一个要求,软阴影,但我无法在任何地方找到完整的参考.如果我理解得很好,为了实现这个功能,我必须从交叉点射击许多光线到光源.这一个必须是区域灯.假设我使用了一个球体,我的问题是:

  • 在球体上哪个点我必须用来计算阴影射线?
  • 我如何平均结果?

3d raytracing shadow

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

阴影质量(阴影粉刺)

我正在使用three.js 库,但我的阴影有一些问题。问题是我的阴影看起来很糟糕。

例如, 地板有生涩的阴影

而且我不知道该怎么办.. :)

等待你的帮助:D

[编辑]

另一个屏幕截图向您展示我的问题..在这里你可以看到 两个阴影不好的立方体

3d shadow three.js

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

阴影不出现在UIImageView(Swift)下

我编写了以下代码来下载并在tableView的单元格中显示图像.然而,投影根本没有出现,我无法弄清楚出了什么问题.

cell.societyImage.setIndicatorStyle(UIActivityIndicatorViewStyle.White)
cell.societyImage.setShowActivityIndicatorView(true)
cell.societyImage.sd_setImageWithURL(NSURL(string: pictureURLs[objectIds[indexPath.row]]!),completed: { (image, error, cache, url) in                
     cell.societyImage.layer.shadowColor = UIColor(white: 0.7, alpha: 0.7).CGColor
     cell.societyImage.layer.shadowOffset = CGSizeMake(3, 3)
     cell.societyImage.layer.shadowOpacity = 0.4
     cell.societyImage.layer.masksToBounds = true
})
Run Code Online (Sandbox Code Playgroud)

任何帮助深表感谢!

shadow uiimageview ios swift

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

MATLAB-mices灰度图像中的分割,对阴影不变

经过2到3天的搜索,我仍然没有找到解决问题的方法.

我想创建一个没有阴影的鼠标分段.问题是如果我设法移除阴影我也删除尾部和脚部这是一个问题.阴影来自鼠标所在的竞技场墙壁.

我想从灰度图像中删除阴影,但我不知道如何做到这一点.首先,我删除了图像的背景,并获得了以下图片.

在此输入图像描述

edit1:谢谢你的答案,当阴影没有碰到鼠标时效果很好.这就是我得到的结果:

分段鼠标

从这张原始图片:

原始图像

我从tif文件中提取每个帧并为每个帧应用代码.这是我使用的代码:

for k=1:1000

    %reads image
    I = imread('souris3.tif',k);

    %first stage: perform thesholding and fill holes

    seg = I >20000;
    seg = imfill(seg,'holes');

    %fixes the missing tail problem
    %extract edges, and add them to the segmentation.
    edges =  edge(I);
    seg = seg | edges;

    %fill holes (again)
    seg = imfill(seg,'holes'); 

    %find all the connected components
    CC = bwconncomp(seg,8);

    %keeps only the biggest CC
    numPixels = cellfun(@numel,CC.PixelIdxList);
    [biggest,idx] = max(numPixels);
    seg = zeros(size(edges));
    seg(CC.PixelIdxList{idx}) = 1;

    imshow(seg); …
Run Code Online (Sandbox Code Playgroud)

matlab image-processing shadow image-segmentation

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