标签: fill

SVG对象可以同时具有填充颜色和填充图案吗?

我正在使用Raphael库与SVG合作.我可以将填充颜色应用于对象,如下所示:

circle.attr({fill: "#ff0000"});
Run Code Online (Sandbox Code Playgroud)

这也有效(尽管Raphael文档没有提到它):

circle.attr({fill: "url(pattern.png)"});
Run Code Online (Sandbox Code Playgroud)

我可以使用透明PNG作为填充图案,透明度可以按预期工作.svg对象是完全透明的,其中填充图案图像是透明的.但我想要做的是指定填充图案图像和填充颜色,以便颜色显示图案图像透明的位置 - 例如,类似于使用CSS的'background'属性.这可能与SVG有关吗?

svg png transparency fill raphael

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

如何填写清单

我必须创建一个函数,将空列表作为第一个参数,将n作为secound参数,这样:

L=[]
function(L,5)
print L
returns:
[1,2,3,4,5]
Run Code Online (Sandbox Code Playgroud)

我刚在想:

def fillList(listToFill,n):
    listToFill=range(1,n+1)
Run Code Online (Sandbox Code Playgroud)

但它返回一个空列表.

python list fill

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

HTML5中填充笔划的透明度

我正在研究HTML5中的涂鸦应用程序,我想做一些桶功能.我们的想法是绘制一条路径,它将被关闭并填充所选颜色(笔划的颜色).它适用于纯色,但如果我想要一个透明的笔触和填充,我会遇到这个问题:http://imgur.com/0N3MW

发生的是填充完成直到笔划的中间(路径的实际采样点),因此在形状内部的行程大小的一半线是较暗的,因为它是填充和笔划的交点.

你看到了解决方法吗?

不幸的是,我现在无法发布到JSFiddle,因为它处于READ ONLY模式.但你应该能够看到我在谈论这个沙箱中的内容:http://bit.ly/AbaMLl (网站和图书馆与我正在使用的内容无关,它只是我发现的一个帆布沙箱)

欢迎任何想法/主角:)

html5 canvas opacity fill stroke

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

突出显示matlab图的部分内容

我有一个matlab图,看起来像这样:

在此输入图像描述

其中每个子图的Y值存储在单维数组中.我想要做的是找到一个顶部图形高于某个高度的区域,如0.5.我还想在其他图表中突出显示相同的区域.

这是我所说的一个例子:

在此输入图像描述

到目前为止我能找到的最好的功能area是填充matlab网格上的一个区域.但是,如果有人可以告诉我如何使其透明,以及如何填充多个区域而无需执行大量区域命令.

否则,我可以在结构中识别一组区域并使用for循环来绘制它们.这是我将要做的方式的一些伪代码:

countstruct = 1;
for i = 1:length(yValue)
    if (yValue(i) > 1)
        outside = [outside, i]
    else
         areas(countstruct).outside = outside;
         countstruct = countstruct + 1;
         clear outside;

     end
 end
Run Code Online (Sandbox Code Playgroud)

然后绘制我会这样做的区域:

for i = 1:length(areas)
    area(areas(i).outside, ones(length(area), 1)*14, "SomeThingToMakeItTransperant')
end
Run Code Online (Sandbox Code Playgroud)

我会为每个子图做到这一点.显然这很复杂,所以最好有一个班轮.谁能想到一个?

matlab plot area fill

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

仅使用CSS填写剩余的div高度

我有两个div:s在一个容器中.
第一个div应该有自动高度,占用所需的空间.
第二个div应该具有容器的剩余高度.

我希望不使用Javascript这样做.

是不是只有CSS解决方案?也许通过利用display:table/ display:table-celldisplay:flex

非工作的例子

<!DOCTYPE html>
<html>
<head>
<title>Stretch</title>
<style type="text/css">
    html { height: 100%; }
    body {
        padding: 0 0;
        margin: 0 0;
        height: 100%;
        background: grey;
    }
    #container { background: pink; }
    #autoHeight { background: blue; }
    #remainingHeight { background: green; }
</style>
</head>

<body>
    <div id="container">
        <div id="autoHeight">Lorem ipsum dolor sit amet, consectetur adipisicing elit,
            sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
            Ut enim ad …
Run Code Online (Sandbox Code Playgroud)

css css3 fill

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

如何获取python中多边形内的点列表?

我搜索了很多,无法找到我的问题的任何实际答案.我有一个多边形.例如:

    [(86, 52), (85, 52), (81, 53), (80, 52), (79, 48), (81, 49), (86, 53),
     (85, 51), (82, 54), (84, 54), (83, 49), (81, 52), (80, 50), (81, 48),
     (85, 50), (86, 54), (85, 54), (80, 48), (79, 50), (85, 49), (80, 51),
     (85, 53), (82, 49), (83, 54), (82, 53), (84, 49), (79, 49)]
Run Code Online (Sandbox Code Playgroud)

我想得到这个边界多边形内的所有点的列表.我听说很多关于多边形三角测量技术或线性/泛光/交叉/ ......填充算法.但我真的想出一个有效的方法来实现这一点.这个多边形很小,想象一个有10亿个点的多边形.我现在使用PIL绘制多边形用红色填充多边形并在其中循环以找到红点.这是一种非常缓慢的技术:

def render(poly, z):
    xs = [i[0] for i in poly]
    ys = [i[1] for i in poly]
    minx, maxx = min(xs), max(xs)
    miny, …
Run Code Online (Sandbox Code Playgroud)

python gis algorithm polygon fill

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

python pandas dataframe:用条件均值填充nans

我有以下数据帧:

import numpy as np 
import pandas as pd
df = pd.DataFrame(data={'Cat' : ['A', 'A', 'A','B', 'B', 'A', 'B'],
                        'Vals' : [1, 2, 3, 4, 5, np.nan, np.nan]})

    Cat   Vals
0   A     1
1   A     2
2   A     3
3   B     4
4   B     5
5   A   NaN
6   B   NaN
Run Code Online (Sandbox Code Playgroud)

我想要索引56填充基于'Cat'列的'Vals'的条件均值,即24.5

以下代码工作正常:

means = df.groupby('Cat').Vals.mean()
for i in df[df.Vals.isnull()].index:
    df.loc[i, 'Vals'] = means[df.loc[i].Cat]

    Cat   Vals
0   A     1
1   A     2
2 …
Run Code Online (Sandbox Code Playgroud)

python nan fill pandas

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

R:用最后一个非空单元格的值填充空单元格

在Excel中,很容易抓取列中的单元格并向下拖动光标以替换下面的多个单元格,以便每个单元格与原始单元格成为相同的值.

可以使用for循环在R中执行此功能.我今天花了一些时间试图解决这个问题,并且认为我会为了下一个人的利益而分享:

for (row in 2:length(data$column)){ # 2 so you don't affect column names
    if(data$column[row] == "") {    # if its empty...
        data$column[row] = data$column[row-1] # ...replace with previous row's value
    }
}
Run Code Online (Sandbox Code Playgroud)

这对我有用,虽然花了很长时间(5-10分钟)才能运行庞大的数据文件.也许有一种更有效的方法来实现这一功能,我鼓励任何人说如何做到这一点.

谢谢,祝你好运.

r cell fill

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

SVG水填充动画

我想要一个擦拭动画看起来像水滴在一滴内.它目前是一个正方形,在下降标志的顶部有一个波浪动画.它正确地完成了波浪动画,但是我不能让它留在掉落中并且也填满了.

我越来越近,但我仍然需要实际的徽标至少在圈内.

我的进步:

<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>SVG Line Animation Demo</title>

</head>
<body>
<style>

    .st0{fill:none;stroke:#000000;stroke-width:4;stroke-miterlimit:5;}
    .st1{fill:none;stroke:#000000;stroke-width:3;stroke-miterlimit:5;}

    #logo2 {
        width: 150px !important;
        height: 150px !important;
        position: relative;
        margin-top: -100px;
    }

    #banner {
        border-radius: 50%;
        width: 150px;
        height: 150px;
        background: #fff;
        overflow: hidden;
        backface-visibility: hidden;
        transform: translate3d(0, 0, 0);
        z-index: -1;
        margin-bottom: -50px;
    }

    #banner .fill {
        animation-name: fillAction;
        animation-iteration-count: 1;
        animation-timing-function: cubic-bezier(.2, .6, .8, .4);
        animation-duration: 4s;
        animation-fill-mode: forwards;
    } …
Run Code Online (Sandbox Code Playgroud)

javascript css animation svg fill

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

洪水填充递归算法

我正在尝试制作一个可以在c#中填充int数组的算法.基本上,作为MS Paint中的填充工具,我有一个颜色,如果我在数组中选择(x,y)坐标,它会用新颜色替换所有具有相同初始颜色的邻居.

例如:

[0,0,0]
[0,1,0]
[1,1,0]
Run Code Online (Sandbox Code Playgroud)

如果我将3放入(0,0),则数组变为:

[3,3,3]
[3,1,3]
[1,1,3]
Run Code Online (Sandbox Code Playgroud)

所以我在递归中尝试了它,它确实有效,但不是所有时间.实际上,我有时会出现"Stack Overflow"错误(似乎合适).这是我的代码,如果你能告诉我什么是错的话会很棒:)

public int[,] fill(int[,] array, int x, int y, int initialInt, int newInt)
{
    if (array[x, y] == initialInt)
    {
        array[x, y] = newInt;

        if (x < array.GetLength(0) - 1)
            array = fill(array, (x + 1), y, initialInt, newInt);
        if (x > 0)
            array = fill(array, (x - 1), y, initialInt, newInt);

        if (y < array.GetLength(1) - 1)
            array = fill(array, x, (y + 1), initialInt, newInt);
        if (y …
Run Code Online (Sandbox Code Playgroud)

c# stack-overflow algorithm recursion fill

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

标签 统计

fill ×10

python ×3

algorithm ×2

css ×2

svg ×2

animation ×1

area ×1

c# ×1

canvas ×1

cell ×1

css3 ×1

gis ×1

html5 ×1

javascript ×1

list ×1

matlab ×1

nan ×1

opacity ×1

pandas ×1

plot ×1

png ×1

polygon ×1

r ×1

raphael ×1

recursion ×1

stack-overflow ×1

stroke ×1

transparency ×1