snap.svg

    0热度

    1回答

    使用snapsvg.io,我说有4条垂直线,它们位于一个盒子的下方,均匀地分布在盒子的x轴上。 我不知道该怎么做,是将每条垂直线条加上一条文本标签,并将每条线均匀地堆叠在每条线上,但是在某些高度并以45度角显示,以便使文本可读,跨越每条垂直线,从最左到最右。 每个文本标签的高度,第一个标签位于最左边的垂直线的底部,呈45度角,以此类推穿过下一条垂直线,位于不同的高度位置,呈45度角等等 我有以下,

    0热度

    1回答

    我有一个尺寸为200px x 300px的SVG图像,但基于某些条件,我需要画出半径值为30的小圆圈,条件失败,并希望它在我的图像的指定区域上均匀分层(不重叠)。 可能会画出多个圆圈,但显然不希望这些图像脱离图像,而是在图像的第一行上绘制5个圆圈时将它们缠绕到下一行。 第2行同样适用,一旦绘制了半径为30的5个圆,则换行到下一行。 我使用的是snapsvg.io,但不确定如何计算图像的区域,我希望

    0热度

    1回答

    为什么Snap.svg仅对分组元素的某些属性进行动画处理?在这个Jsfiddle当元素被分组时,他们为不透明度和变形设置动画而不是半径。当将动画应用于单个元素时,所有属性都会生成动画。我不明白。 (function(){ var s = Snap("#svg"); var c1 = s.circle(10, 10, 10); var c2 = s.circle(50, 20, 10); v

    1热度

    1回答

    我使用Snap.svg创建悬停地图动画,但我似乎遇到了动画部分的问题。地图创建于Illustrator,并作为SVG文件导出,并链接到HTML页面。 一旦我添加下面的代码,一切都消失了。 veryCold.mouseover(function() { this.animate({ fill: "#ff0000" }, 600); }).mouseout(funct

    0热度

    1回答

    我正尝试使用Snap.svg创建SVG动画。 每次我尝试应用面膜时,我什么都看不到。 的代码是相对简单的(且在实施例中完美地工作): var open = s.select('.open'); var circle = s.select('.circle').attr({mask:open}); Here's the whole example。我已经注释了应该使用掩码的代码,以便了解我要做

    -1热度

    1回答

    这个demo。 我想使用Snap.svg制作图标,所以我希望最终用户重复HTML以获取多个图标。 HTML: <svg class="box"></svg> <svg class="box"></svg> <!-- not work --> <svg class="box"></svg> <!-- not work --> <svg class="box"></svg> <!-- not w

    0热度

    1回答

    我正在使用snapsvg.io库并不确定为什么下面的代码不显示我的矩形与我的svg线元素上的文本。 根据我已经放置我的代码的顺序,我认为我的矩形/文本组将在我的行上,但不幸的是,情况并非如此,无法弄清楚我做错了什么。 的代码示例中,我有如下: line = s.line(trunkLeftPos, 100, trunkLeftPos, 440); line.attr({ stroke:

    0热度

    1回答

    我想按顺序动画一个正方形,首先顺时针旋转90度,然后进行简单的x轴平移。这是我一直在使用捕捉SVG Javascript代码 r.animate({ transform: 'r90, 100, 200' }, 1000, mina.easein, function() { r.animate({transform: 't 100 0'}, 1000, mina.easein);

    0热度

    2回答

    我试图循环this animation问题: svg = document.getElementById("shape"); s = Snap(svg); var l2 = Snap.select('#line2'); animatePath(); function animatePath(){ l2.animate({ d: "M328.2,29.9c-51.6,8.

    0热度

    1回答

    如何取消Snap.svg中的拖动操作? 我检查了Docs和Google Group,但没有发现任何有用的东西。 目前,我正在设置一个var,表示要取消操作,将效果和return恢复为每回调dragMove,直到拖动操作真正结束。 我在寻找的是一种方法来取消当前正在进行的拖动操作本身,所以没有更多的回调被调用。 任何想法?