小编Kir*_*n14的帖子

为什么过滤器(drop-shadow)会导致我的SVG在Safari中消失?

我正在使用D3.js开发一个应用程序.我被牵制了一段时间,最近又回来了.今天我发现,虽然它在过去运行良好,但应用程序中的SVG地图不再显示在移动版Safari(iOS 9.3.1)或桌面Safari(v9.1(11601.5.17.1))上.

我提取了SVG和单一样式规则并将它们放在CodePen上以说明发生了什么.在Chrome中,这支笔看起来不错.在Safari中,它将完全空白.

https://codepen.io/Kirkman/pen/pyKzeX

如果你在Safari中检查DOM,你会发现路径在那里,它们是正确的形状.他们似乎看不见.取消选中检查器中的样式规则会导致整个地图神奇地出现(显然没有投影)

样式规则非常简单:

svg {
    -webkit-filter: drop-shadow( 2px 2px 4px rgba(0,0,0,.4) );
    filter: drop-shadow( 2px 2px 4px rgba(0,0,0,.4) );
}
Run Code Online (Sandbox Code Playgroud)

任何人都可以建议为什么这不起作用?我做错了什么,或者在Safari中有什么变化?

css safari svg mobile-safari css-filters

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

Isotope中的项目大小动画:为什么第一个项目不稳定?

我正在学习使用Isotope,并且看到了作者关于如何设置项目大小动画的博客文章.

我已经为我正在开发的项目实现了这一点.它由三个垂直列组成.每个项目是196px x 70px.单击某个项目时,它将扩展为402px x 230px.

所有项目都正确调整大小并导致Isotope刷新布局 - 第一项除外.

单击第一个项会导致所有后续列表项仅在一个垂直列中排列 - 即使有足够的空间且项目应该围绕第一个项目流动.

单击列表中的任何其他项会导致正确的行为.只有第一个是不稳定的.谁能看到可能导致这种情况的原因?

这是我的测试用例:http://joshrenaud.com/pd/testcase/testcase.html

处理此大小调整的代码如下所示:

    $('.child').click(function(){
        var $this = $(this);
        if ($this.hasClass('big')) {
            tileStyle = { width: 196, height: 70};
        }
        else {
            tileStyle = { width: 402, height: 230};
        }
        $this.children().children('.childDate').toggle();
        $this.children().children('.childDesc').toggle();
        $this.toggleClass('big');

        $this.find('.child-content').stop().animate( tileStyle );

        $('#container').isotope( 'reLayout' )

    });
Run Code Online (Sandbox Code Playgroud)

javascript jquery jquery-masonry

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

如何在Google表格中规范化/归化Unicode字符?

我正在尝试为Google表格编写一个公式,它会将带有变音符号的Unicode字符转换为纯ASCII等效字符.

我看到Google在其"REGEXREPLACE"功能中使用了RE2.我发现RE2提供了Unicode字符类.

我试着写一个公式(类似于这个):

REGEXREPLACE("público","(\pL)\pM*","$1")
Run Code Online (Sandbox Code Playgroud)

但是Sheets会产生以下错误:

函数REGEXREPLACE参数2值"\ pL"不是有效的正则表达式.

我想我可以写一个由一组很长的嵌套SUBSTITUTE函数组成的公式(就像这个一样),但这看起来非常糟糕.

是否可以提供更好的方法来建议使用Google表格公式中的带有变音/重音标记的Unicode字母标准化?

regex unicode formulas google-sheets re2

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

如何使用相同的随机排序对两个数组进行排序

好的,我正在用jQuery/javascript构建一个测验应用程序.

以下小功能旨在随机化一系列问题的可能答案,以及一系列照片.每张照片对应一个答案.

在我调用此功能之前,照片和答案在每个相应的包装集中的顺序相同.

该函数确实随机化了两组.但是每个人都是随机分开的.我需要他们两个进行SAME随机化.

我无法弄清楚如何实现这一目标.我认为可能能够将它们链接到jQuery样式,但那是不对的.我也尝试在sort()中分离出函数,但这也没有做到.

有人可以帮忙吗?

function randomize() {
    var elemsPhotos = $('.photos').children('img').get();
    var elemsQuests = $('.answers').children('.answerLine').get();
    elemsPhotos.sort(function() { return (Math.round(Math.random())-0.5); });
    elemsQuests.sort(function() { return (Math.round(Math.random())-0.5); });
    $('.photos').remove('img');
    $('.answers').remove('.answerLine');
    for (var i=0; i < elemsQuests.length; i++) {
        $('.photos').append(elemsPhotos[i]);      
        $('.answers').append(elemsQuests[i]);      
    }
}
Run Code Online (Sandbox Code Playgroud)

javascript arrays sorting random jquery

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

新彩色Google地图标记的文件名是什么?

对于位于http://maps.gstatic.com/mapfiles/markers2/目录中的较新Google标记,是否有类似于的方便指南?

到目前为止,我已经能够找到这些:

对于我的特殊应用,我想找到带有黑点的绿色标记,但到目前为止还没有运气.其他人从这个目录中找到其他图标?

icons google-maps image google-maps-api-3

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