小编Tre*_*Orr的帖子

我正在使用标签栏在Bootstrap 3中创建一个应用程序.我正在动态添加和删除标签.这一切都很好,我想做的是,如果有太多的标签适合应用程序的宽度而不是创建多个行或标签,则标签栏可以通过标签水平滚动.

有没有人这样做或有想法如何实现这一点？

我有一个SVG径向渐变,可以在Chrome,Firefox甚至Internet Explorer中使用,但在Safari中不起作用.知道如何在Safari中使用它吗？

这是codepen:http://codepen.io/fractorr/pen/OVaYvV

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

    <defs>
        <radialGradient r="50%" cy="50%" cx="50%" id="myRadialGradient2">
            <stop stop-color="transparent" offset="0"></stop>
            <stop stop-color="#000000" offset="1"></stop>
        </radialGradient>
    </defs>

    <rect x="10" y="10" width="100" height="100" rx="10" ry="10" style="fill:blue;"/>
    <rect x="10" y="10" width="100" height="100" rx="10" ry="10" style="fill:url(#myRadialGradient2); stroke: #005000; stroke-width: 3;"/>

</svg>

我试图使用Image Magick从几个小png创建一个新的大png,但较小的图像没有保留其透明度.我正在创建一个6000x6000图像,并在特定位置放置较小的png,其中一些旋转,这一切都很好.问题是当一些小图像重叠时,小图像没有保留其透明度.这是我的意思的一个例子.我已经尝试了几个-channel选项和-alpha,但似乎没有任何工作.我在这里失踪了什么？

这是我用于测试的命令.

convert -size 6000x6000 xc:none ^
    ( Rectangle_01.png -repage +200+200 ) ^
    ( Rectangle_01.png -repage +651+200 -rotate 45 ) ^
    ( Rectangle_01.png -repage +1102+200 -rotate -45 ) -flatten -alpha on test.png

我正在创建一个 Snap.svg 应用程序，用户基本上可以在其中添加块并对其进行操作，然后将其保存为 png。这些块都是以英寸为单位绘制的。我有计算设备 PPI 并用于绘制块的代码，它被计算为 96 PPI。这一切都很好，除了当我将 SVG 保存为 PNG 时，它以 72 PPI 保存，因此保存的 PNG 比它应该的要大。

我正在使用此JavaScript 库将 SVG 保存为 PNG。

所以我的问题是如何解决这个问题？

如何在 Snap.svg 中实现移动设备的拖放？触摸拖放似乎没有内置到 Snap.svg 拖放功能中。