Tag: jquery svg

使用jQuery SVG获取div的SVG表示: 我试图得到一个div的svg表示。我正在使用jQuery SVG这个http://keith-wood.name/svg.html 我在页面加载时这样做： var pad = null; $(‘.MyDiv’).svg({onLoad: function(svg) { pad = svg; } }); 在div内部的每一个变化中，我这样做： var svg = $(‘.MyDiv’).svg(‘get’); alert(svg.text); 但我正在提醒一些JS代码。我试过警告svg.toSVG()但我得到这个：警报中的 svg.toSVG()似乎工作但我得到空的svg doc即使我的div有数据。我在这做错了什么？

jQuery应该模糊全屏背景图像: HEJ！我需要一些jQuery 在中间模糊我的全屏背景图像 1000px （所以：margin：0 auto; width：1000px;）。这是一个例子： http ： //imageshack.us/a/img443/4976/j7qj.jpg 我知道这不是一个问题 – 但我需要一些帮助，因为我的jQuery（或JS）知识不是基本的。无论如何，我希望有人可以帮助我。我正在使用它作为我的全屏背景图像：bg {left：0; 最小高度：100％; 最小宽度：100％; 位置：固定; 顶部：0; z-index：-1; }

将转换后的SVG元素定位在svg-canvas中: 我编写了一个函数来调整SVG路径或任何形状的大小。然而，当我使用它时，路径确实被resize但不幸的是它也改变了我的svg-canvas中的位置。这是我的function function output() { var transformw=prompt(“Enter your new width”); var transformh=prompt(“Enter your new height”); var lastw = svg_1.getBoundingClientRect().width; var lasth = svg_1.getBoundingClientRect().height; newW=transformw/lastw; newH=transformh/lasth; alert(newH); alert(newW); svgCanvas.changeSelectedAttribute(“transform”, “matrix(” + newW + “, 0, 0, ” + newH + “, 0, 0)”); svgCanvas.recalculateAllSelectedDimensions(); } 我只想让形状在转换后定位在canvas的顶角。理想情况下，我希望它们在转换之前具有相同的x，y位置，但是如果原始的x，y位置难以实现，我不会想到一个固定点。

缩放到元素 – jquery SVG: 假设我有一个画有svg元素的canvas。一旦我点击元素，我需要通过缩放和聚焦点击的元素来更改视口。我该怎么做？我附上了代码。 ` jQuery SVG #svgbasics { width: 1250px; height: 500px; border: 1px solid black; } var selectedItem=””; $(function() { $(‘#viewport’).svg({onLoad: drawInitial}); }); function drawInitial(svg) { svg.circle(75, 75, 50, {onclick: “clickListener()”,fill: ‘none’, stroke: ‘red’, ‘stroke-width’: 3}); var g = svg.group({onclick: “select(evt)”,stroke: ‘black’, ‘stroke-width’: 2}); svg.line(g, 15, 75, 135, 75,{onclick: “select(evt)”}); svg.line(g, 75, 15, […]

JQuery和SVG – 如何找到’g’标签: 想象一下：我怎样才能找到’g’标签，我想要点击所有标签，而不仅仅是’node1’或’node2’。我已经尝试过这种方式，但无法使其正常工作。 $(‘g’).click(function(){ alert(“Hellooooo”); });

jquery动画元素属性而不是样式: ASAIK jquery animate函数仅接受样式属性。但我想动画元素的属性。考虑一个SVG元素矩形我想动画矩形元素属性“x”和“y”，如下所示 $(“#rect1”).animate({ x: 30, y: 40 }, 1500 ); 但这不是正确的方法，因为动画function会影响样式而不是元素的属性。我知道有很多自定义插件就像raphel.js一样。 An Intro to Raphaël 但我不想使用自定义插件来做到这一点。我想简单地在jquery.animate函数中这样做。这可能吗？谢谢，湿婆

如何将文本放在svg路径的中心: 为了渲染SVG我正在使用jQuery SVG插件。而且，现在我想为每个路径和多边形添加文本。在jsFiddle上，您可以看到插件生成的标记。为了创建文本，我编写了以下代码： var svgg = $(“#rsr”).svg(‘get’); var texts = svgg.createText(); svgg.textpath($(“#Layer_x0020_1”),id, texts.string(‘We go ‘). span(‘up’, { dy: -30, fill: ‘red’ }).span(‘,’, { dy: 30 }). string(‘ then we go down, then up again’)); 在jsFiddle的代码中，您可以看到textpath标记存在，但它不可见。如何将文本添加到每个路径的中心？谢谢。

jQuery动画SVG元素: 我的应用程序中有一个svg。喜欢我有一个名为’1_dice’的svg元素。在HTML按钮单击中，我希望根据参数为元素设置动画。喜欢 $(‘#btn’).click(function(){ $(‘#1_dice’).animate({‘x’:200},2000); }); 我试过这个，但这不起作用……