如何防止在<svg>中拖动<image>元素？
在<svg>中防止拖动<image>元素可以通过以下方法实现：
- 使用CSS属性pointer-events: none;来禁用<image>元素的拖动功能。这样设置后，<image>元素将不再响应鼠标事件，包括拖动事件。
- 使用JavaScript来禁用<image>元素的拖动功能。可以通过给<image>元素添加事件监听器，捕获鼠标按下事件，并阻止默认的拖动行为。示例代码如下：
var imageElement = document.getElementById("imageElement");
imageElement.addEventListener("mousedown", function(event) {
event.preventDefault();
});- 如果需要在<svg>中拖动其他元素，但不希望<image>元素被拖动，可以将<image>元素放置在一个单独的<svg>子元素中，并设置该子元素的pointer-events属性为none。这样，<image>元素将不会响应鼠标事件，但其他元素可以正常拖动。
以上是防止在<svg>中拖动<image>元素的几种方法。根据具体的应用场景和需求，选择适合的方法来实现防止拖动功能。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发（移动推送、移动分析、移动测试等）：https://cloud.tencent.com/product/mobile
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙（Tencent Real-Time Rendering）：https://cloud.tencent.com/product/trr
相关·内容
1回答
我有一个拖放游戏，我建立了与JavaScript。一旦一个元素被拖动到某个区域，我不希望用户能够拿起它再次拖动它。可拖放元素是一个具有draggable: true属性和一些绝对值x位置的图像，如下所示：
<img draggable="true" src="images/galleon.svg" style="position: absolute; left: 400px; top: 500px; />
拖动后(桌面的drop事件，移动的touchend事件)，如果新的x-坐标(左属性)大于"600"，则使用JavaScri
浏览 2提问于2021-05-24得票数 0
回答已采纳
1回答
我正在构建一个使用SVG元素作为画布的编辑器。它提供了自定义的拖放行为，可以在svg中到处拖动元素。但是，当我尝试拖动<image>标记时，本机浏览器的拖动行为开始起作用，此时您正在拖动图像的“重影”。我怎么才能阻止它？ 我尝试在CSS中设置user-select: none，这确实会阻止选择文本而不是拖动图像。我尝试设置HTML属性，但该属性在draggable="false"中无效。我甚至尝试取消ondragstart事件，该事件似乎根本不会触发。 <svg>
<image draggable="false" styl
浏览 62提问于2021-09-14得票数 0
回答已采纳
我正在构建一个交互式可视化应用程序，它几乎全是客户端Javascript，参见这里：
尝试以下控件：
鼠标轮:变焦
拖动空区:平底锅
拖动底部区域或手柄:平底/缩放
单击一次，然后再次单击:绘制一个框
拖动框:移动框
拖动框边:调整大小
底层机制是覆盖画布的SVG。画布有z-index 0和SVG z-index 1-请随时检查DOM。在Chrome/Firefox上，一切都很好。
问题是，在IE9中，即使z索引较低，画布似乎也会在SVG上接收单击事件。您可以判断，因为鼠标轮/单击/拖动操作在主图表区域不起作用，但是它们在边缘区域工作，因为SVG比画布略大，并
浏览 4提问于2012-09-24得票数 4
回答已采纳
1回答
我正在使用奇妙的svg -pan-缩放插件()来支持/缩放我的svg元素，我想让鼠标拖动来移动它。
我在svg中有一个单独的elemen，在这里我想防止拖动，因为它有一个click事件，当用户单击它时，有时它会拖动svg元素。所请求的行为是按标准方式拖动，除非鼠标在此元素上按下。我已经尝试过使用event.stopPropagation()和event.preventDefault()，但是似乎svg插件有自己的事件管理。
如何防止鼠标拖动？
浏览 2提问于2015-11-22得票数 1
2回答
我在一个SVG中有一个文本元素，我已经对其应用了jQuery ui draggable。每当我尝试拖动它时，顶部和左侧的CSS属性都会像您预期的那样发生变化，但是，元素本身不会移动-它只是停留在原地。
这违背了我对定位的所有理解。它似乎完全忽略了“上”和“左”的规则。
然而，情节变得更加复杂。
我还将ui-draggable应用于同一svg中的图像，它在这方面工作得很好。当我拖动它时，它会像预期的那样移动。
最有趣的是，如果我拖动一些文本，那么它不会移动，但是如果我移动图像，那么文本会突然移动到我试图将其拖动到的位置！
有人能提供一些关于这里发生的事情的见解吗？
HTML如下所示：
<s
浏览 0提问于2012-11-26得票数 0
回答已采纳
2回答
我正在做svg项目，我使用d3.js来获得更好的ui，在我的图表中添加了缩放功能，但奇怪的是，它的缩放不能在Google中工作。
svg.call(d3.behavior.zoom().scaleExtent([1, 8]).on("zoom", zoom));
function zoom() {
svg.attr("transform", "translate(" + d3.event.translate + ")scale(" + d3.event.scale + ")");
}
另外，我还想防止节点
浏览 6提问于2013-11-29得票数 6
回答已采纳
1回答
我正在开发一个SVG应用程序，现在我想让用户使用可拖动的边角来调整对象的大小，这与SVG-edit ()非常类似。该功能应如下所示:用户选择一个SVG对象，将其拖动到主“画布”上，一旦在“画布”上，对象外部的四个角出现，用户可以在每个角点上拖动并拖动以放大对象。对象将是矩形的，并使用路径创建，而不是使用SVG‘rect’函数创建。对于如何实现这一点，有人有什么建议吗？提前感谢
浏览 0提问于2010-10-21得票数 1
SVG的<use>标签在chrome中不起作用。如何在不使用svg use标签的情况下对矩形、圆形、路径等SVG形状进行分组？
编辑：
但是，当我在iframe中拖动<g>元素时，它并没有移动<g>包含的所有元素，有没有其他方法可以获得所有的子元素并使用循环拖动它们？
浏览 1提问于2010-12-01得票数 2
回答已采纳
1回答
SVG图像的边缘外隐藏部分图像
、、、、
我在SVG上附加了一张图片。我的要求是，我想隐藏一部分图像到边界之外。所以，如果我的某些部分超过了1,500，它应该被隐藏起来。
我认为这可以使用CSS或SVG的viewBox属性来完成，但我不知道如何做到这一点。
这是我的链接。
这就是我如何附加图像
var pathPlot = d3.selectAll("g." + "fp-pathplot-1419951398667");
var image = d3.selectAll('#floor-image');
if (image != null) {
浏览 5提问于2016-03-29得票数 1
回答已采纳
我正在使用SVG中的布局生成器，并希望在其中添加拖放和调整大小的功能。我的网页包含一个主画布(SVG)和一些嵌套的SVG。我希望嵌套的SVG(您可以说是子SVG)是可拖动的。我怎么能这么做？我在JQuery中搜索，我们有可拖动的和可调整大小的API，但是它不能在SVG中工作。我如何在d3.js中实现它？任何帮助都会更好。提前谢谢。
浏览 3提问于2017-05-24得票数 1
回答已采纳
1回答
我使用JSDOM和D3创建SVG，然后在Node环境中使用FS将其写入SVG文件。这个SVG有用于“拖动”事件的事件处理程序，但是这些处理程序没有保存在编写的文件中。
在将SVG写入文件时，如何保持与SVG关联的所有事件处理程序？
浏览 3提问于2022-01-27得票数 0
回答已采纳
在svg内部的任何地方，
鼠标在svg内部，例如在元素上或svg画布本身上拖动光标在周围，注意光标是如何转换为i波束的。
我尝试过的解决方案没有效果
将CSS游标更改为拖动的svg元素为“!important"changing : default !important"changing CSS游标为根svg元素”CSS游标到html正文元素的默认!important"using为！important“using:默认！important”using所有上述3的CSS按照changing根svg元素的cursor属性更改为" default“，或将拖动的元素的&l
浏览 6提问于2011-09-15得票数 3
3回答
我试图通过实验他们的一个D3来学习。第一项任务:弄清楚如何拖动一个气泡，并使它在被拖动时成为最顶层的对象。(问题是如何将D3的对象模型映射到DOM上，但我会实现的.)
要拖动它，我们只需使用它们提供的代码调用d3的拖动行为：
var drag = d3.behavior.drag()
.on("dragstart", dragstart)
.on("drag", dragmove)
.on("dragend", dragend);
效果很好。拖得很好。现在，我们怎样才能使它成为最高的项目呢？在这里搜索"svg in
浏览 3提问于2012-04-26得票数 69
回答已采纳
我有一个带有defs的svg对象：
defs.append('svg:pattern')
.attr('id', 'blue')
.attr('patternUnits', 'userSpaceOnUse')
.attr('width', '40')
.attr('height', '39')
.append('svg:image')
.attr('xlink:href',
浏览 2提问于2013-07-19得票数 1
我使用的是普通的遗留DnD，而不是gwt-dnd库(因为我不需要DnD小部件，而需要普通的数据，所以我希望保持简单)。
我可以用源代码的Image小部件来实现它。
然后我切换到HTML小部件，但是拖放不起作用:没有错误，没有什么，只是拖动不再拖了。
代码(问题在拖放部分，我只在下面列出代码的这一部分)：
HTML theWidget = new HTML("some string"); // NOK : doesn't drag
// Image theWidget = new Image ("path/image.png"); // OK : do
浏览 2提问于2013-03-31得票数 0
我正在开发一个SVG应用程序，现在我想让用户使用可拖动的边角来调整对象的大小，这与SVG-edit ()非常类似。该功能应如下所示:用户选择一个SVG对象，将其拖动到主“画布”上，一旦在“画布”上，对象外部的四个角出现，用户可以在每个角点上拖动并拖动以放大对象。对象将是矩形的，并使用路径创建，而不是使用SVG‘rect’函数创建。对于如何实现这一点，有人有什么建议吗？提前感谢
浏览 2提问于2010-10-22得票数 0
回答已采纳
2回答
框架运动与变换矩阵
、、、
我正在制作带有框架运动的应用程序，我需要在另一个svg中拖动svg，但是我的问题是，viwebox大小不等于窗口大小，所以当我拖动元素时，我的1px鼠标在屏幕上的移动就像100+ px。我知道在JavaScript中，我们可以用screenX，sceenY和CTM (电流变换矩阵)来计算x和y。可以用某种方式使框架运动拖动函数来计算吗？
<svg viewBox="0 0 40 20">
<motion.circle drag cx="5" cy="5" r="0.5"strokeWidth="0.1
浏览 8提问于2022-11-15得票数 2
1回答
我有以下代码()。我想使用红色SVG矩形作为可拖放的div元素的句柄，但是因为SVG元素不是div的子元素，所以不可能。这样做的目的是让句柄(红色重新)触发div的拖动事件，当div被拖动时，代码更新红色SVG矩形的位置。如何使SVG矩形充当div的拖动句柄(因此SVG元素不是div元素的子元素)？
我已经测试过将SVG作为div的一个子类，并使用SVG作为句柄，这是正常工作的。当我拖动SVG时，div和SVG在拖动时被移动。但问题是，SVG元素本身也会被拖动。但是，我不希望SVG元素本身在拖动时被移动，只希望rect和div。
编辑:当按下sort上的鼠标时，某种形式的div拖动事件出现在我
浏览 5提问于2012-10-12得票数 1
回答已采纳
我有一个显示在表格单元格中的object标记内的SVG文件，我想使用JQuery的Draggable使SVG在表格单元格内可拖动。代码--减去标记中令人困惑的部分，如下所示：
<div id="container">
<div id="box">
<table align="center" border="1">
<tr>
<td valign="middle">button</td>
&
浏览 0提问于2010-08-08得票数 6
回答已采纳
我在VML (我用它作为svg的后备)方面遇到了问题
我使用jQuery UI draggable让用户能够到处移动元素。当我通过更改高度和宽度的样式属性来调整图像(这是一个v: image )的大小时，就会出现这个问题。
此时发生的情况是，元素卡在其容器的左上角，不能再拖动。
奇怪的是，当我在JavaScript控制台中请求可拖动元素的位置(上、左)时，我得到了值，当我单击并拖动时，这些值会发生变化-即使元素在视觉上没有移动……
以前有人遇到过这个问题吗？
这是我改变元素大小的地方。
$($image)
.css({
'width' : zoomInP
浏览 0提问于2012-02-24得票数 2
回答已采纳
1回答
我有一个角度应用程序，点击SVG元素可以改变它的状态(在附加的片段中，在填充颜色之间切换)
我还连接了d3来拖动同一个对象。
d3文档声明，它们在非空拖动之后停止单击事件，但是无论我是否试图停止传播ng-单击，仍在拾取单击事件。
是否可能只有在没有d3拖动时才触发ng-单击？
在附加的片段中，我的期望是，如果你只点击蓝色的矩形，它会切换到黄色(然后再回来)，但是如果你拖动它，颜色就不会改变。我发现拖曳结束时颜色会变。
var myApp = angular.module('app', []);
myApp.controller('ctrl', functi
浏览 2提问于2016-02-25得票数 3
回答已采纳
我想让svg元素(路径、矩形或圆形)成为可拖动的，并给它提供调整大小的手柄。
但与HTML DOM不同的是，并非所有元素都有左上角的x，y坐标以及围绕内容的框的宽度和高度。这使得创建通用的调整大小或拖动过程变得不方便。
让每个路径或圆都画在它自己的svg对象中，给我一个可以玩的方框，这是不是一个好主意？
在SVG中，draggable/resizable通常是如何实现的？
浏览 4提问于2010-09-01得票数 33
1回答
我在使svg组在svg中可拖动时遇到了问题。
下面是我的问题：
HTML：
<svg id="body" width="300" height="20px">
<g id="entry" x="0" style="width: 100px;">
<rect class="entry-body" height="20" width="100" x="0" y="0"><
浏览 9提问于2017-10-09得票数 0
中的问题
我想做一些非常简单的事情:在我的React中的SVG元素中实现拖动行为。因此，我最初的想法是捕获onMouseDown和onMouseUp事件的开始和停止拖动，并在onMouseMove事件中实现更新。原则上是这样的：
<circle
...
onMouseDown={() => startDrag()}
onMouseUp={() => endDrag()}
onMouseMove={event => dragging && drag(event)}
/>
在React类Circ中，我实现了如下行
浏览 0提问于2019-08-29得票数 0
点击和拖动事件的解耦在前面的一些问题中进行了讨论，例如
通常，建议在单击处理程序中使用if (d3.event.defaultPrevented === false) {...}。但是，如果mouseup和mousedown不在同一个元素中，这似乎不起作用(至少在某些浏览器中是这样)。 (代码如下)。这是我想要的行为:在SVG中的任意位置单击触发器单击事件(矩形闪烁)，在SVG中的任意位置拖动拖动矩形。观察到的行为(Chrome 33)：如果鼠标按下的鼠标在矩形内，鼠标向上移动在矩形外，则拖动和单击事件都会触发。如果mousedown和mouseup都在内部或两者都在外部，则不会触发click
浏览 0提问于2014-03-26得票数 7
1回答
我写了一个简单的拖动滚动svg (，)。在这里，我将图片的viewBox移到鼠标后面。并在chromium和firefox中进行了测试。在铬中，它工作得很好(用鼠标指针拖动图片)。但在firefox中，它在同一台机器上颤动。这种低性能的原因是什么？我怎样才能克服它？
浏览 3提问于2012-02-27得票数 1
1回答
我想将svg元素拖到HTML元素上。不知道这样做有多聪明。
但是，我认为我的方法很脏，但我认为我可以使用d3.behavior.drag()从svg元素开始拖动，在d3的拖动函数上，我将克隆一个副本(请认为它只是一个圆圈对象)，并让jquery处理拖动事件。问题是，我不知道如何在新创建的jquery元素上触发拖动事件。
var drag= d3.behavior.drag()
.on("drag", function(d) {
// make a Clone html object .dragging-node
$('.draggin
浏览 2提问于2014-02-18得票数 1
回答已采纳
我用的是D3 V4。我显示的树图本质上是这样的：
我正在尝试实现拖动和缩放。我还对zoomIdentity进行了一个转换，在第一次渲染(margin.left和margin.top)上将映射移到固定的数量上；
这个似乎最接近我的问题，但是当我试图将svg和g分开时，拖拽是非常不稳定的。当我拖动时，每个节点都会旋转和跳跃。使用下面的代码，拖动是平滑的，但是最初的拖动将所有节点移动到左侧(d3.event.transform x: 0，y: 0)。
let margin = { top: 20, right: 120, bottom: 20, left: 120 },
width = 1000 -
浏览 0提问于2018-02-12得票数 0
回答已采纳
1回答
这样一个愚蠢的问题，可能有一个简单的答案，但我不能拖我的图像在我的画布。下面是我的图像代码：
function simpleButton(origImage, overlay, iconWidth, iconHeight, xpos, ypos, whenClicked, title)
{
svg.append("svg:image")
.datum({
x: xpos, //-starting 'x' position
y: ypos //-starting 'y' position
}
浏览 1提问于2014-12-15得票数 1
回答已采纳
我有一个带有svg元素的页面，我使用该页面拖放rectangle，并将它们连接到彼此。基本上，您可以拖动li元素并将它们放到svg上。
问题是我不能编辑输入元素。我认为原因是与svg的交互，因为我放置了一个愚蠢的input。如果您不使用svg，则可以像往常一样编辑输入。但是，拖放操作之后，您就不能更改输入.
有什么问题吗？
UPDATE在进一步调查这个问题之后，我发现KeyboardEvent不是在拖放和绘制操作之后触发的。
浏览 1提问于2013-12-20得票数 0
回答已采纳
目前我正在为ipad Safari开发一个网站
我用过
addEventListener('touchmove', function(e) { e.preventDefault(); }, true);
以防止在拖动内容时背景移动。问题是当我允许某些元素拖动时
addEventListener('touchmove', function(e) {
//alert (e.target.id);
if ( e.target.className != 'issues' && e.target.id !=
浏览 2提问于2013-01-07得票数 1
回答已采纳
我正在尝试有一个带有内置javascript的svg，在这里看到"https://jsfiddle.net/melvinT/boaus7k1/76/"jsfiddle的svg可拖动三角形路径它是三个圆拖出一个三角形。但是，当我将它移到svg中时，有一点顽固地停止工作，我不知道为什么？当我将其拖动到svg中时，神秘地停止移动的部分如下(它在末尾)为什么？如何将其移动到svg中？ var elements = [p1, p2, p3,];
for (i = 0; i < elements.length; i++) {
elements[i].addEventListener
浏览 14提问于2021-06-13得票数 0
1回答
我正在尝试制作一个小应用程序来绘制一个带有svg图形的花园，在那里我可以拖动和平移。这是一个演示： (单击拖动并滚动缩放)演示显示了一个包含大约1400个节点的大型svg元素。
也许有更好的解决方案？或者一些小贴士会更好！
唯一的问题是:植物应该是svg图像。
感谢您的帮助和小费！
我尝试的方法:将所有植物放到一个svg中并分组，这有一点帮助，但它仍然滞后。我试图创建许多svg元素，但这是一场灾难。
浏览 12提问于2013-08-12得票数 0
我试图在Javascript中绘制一个矩形(实际上是一个选择框)，以选择所选内容中的SVG元素。我试图修复点击并拖动矩形：的代码，但在function handleMouseDown(e)和function handleMouseUp(e)中有一些我无法解决的问题
另外，我需要了解如何选择框中的SVG元素。
任何帮助都将不胜感激。
浏览 0提问于2013-09-27得票数 5
回答已采纳
2回答
我想记录下我的SVG快照画布何时被点击。
var s = Snap("#svgout"), //creates the canvas
source = "data:image;base64," + $('#imageBtn').val(), //set map background for canvas
img = s.image(source, 0, 0, "100%", "100%"), currRect, numNodes = 0;
s.click(func
浏览 7提问于2016-06-26得票数 0
回答已采纳
我使用html5 'draggable‘属性在容器中拖动2个元素，并使用svg行连接这两个元素。一旦连接，拖动第一个分区应该重新绘制连接的svg线(我通过调用'handleDragOver‘函数来处理dragover事件)。但是，如果拖动第一个div的速度更快，就不会触发drop事件，并且在绘制线时div将保持原来的位置。
function handleDragOver(e) {
if (e.preventDefault) {
e.preventDefault();
}
//Some code doing DOM computation
浏览 1提问于2014-08-28得票数 5
1回答
SVG梯度像画布渐变？
、、、、
是我建造的。您可以拖动图像来探索整个图像。
<?xml version='1.0' standalone='no'?>
<svg version='1.1'>
<image xlink:href='https://i.postimg.cc/hvH4yn2Q/map.jpg'
id='background-image' />
<clipPath>
<rect />
</clipPath>
<image xli
浏览 0提问于2019-01-18得票数 0
回答已采纳
我正在尝试拖动一个包含gauge小部件的div，该小部件是用谷歌可视化JavaScript库创建的。该库在一个位于表中的iframe中创建一个svg。
我有一个div，它包装了整个东西，我希望能够拖动它。问题是，iframe似乎捕捉到了鼠标点击，它们永远不会冒泡到div，因此不会触发拖动。有人知道如何手动触发draggable事件吗？我试着用“mousedown”来触发它，但是不起作用。
还有别的人有这个问题吗？
谢谢。
浏览 0提问于2011-12-20得票数 0
2回答
我最近迁移到了D3 v4.10.2。我正在按文档中的指示调用缩放行为，但是当使用鼠标轮或触摸屏进行缩放时，回调不会执行。我使用的是最新版本的铬：
var some_svg = d3.select('body').select("#some-svg");
var some_svg_rect = some_svg.append("g").append("rect")
.attr("fill","none")
浏览 6提问于2017-09-15得票数 4
回答已采纳
1回答
我有一张svg图像。我想要在鼠标滚动和拖动图像时进行缩放。当它是一个图像时，我可以拖动和缩放它。但是我希望svg图像在对象中，以便进一步编辑。
<div id="pcontainer1" class="pancontainer"> <img src="abc.svg" id="abc_svg" data="abc.svg" width="900" type="image/svg+xml" height="900"/> </div&
浏览 6提问于2016-04-08得票数 1
1回答
我正在努力寻找一种用鼠标动态调整和拖动svg多边形的方法。不幸的是，jQueryUi不适用于svg元素。我还检查了Raphael库，但没有找到任何关于如何实现这一点的文档/片段。
除了使用SVG之外，是否还有其他方法可以动态调整和拖动多边形图形？
浏览 0提问于2012-01-21得票数 10
回答已采纳
1回答
任何使用D3JS或SNAPSVG来抓取拖动对象的示例或指针都可以在加载的SVG的范围内。
因此，例如，如果我想在一个进口的土坯插画周围拖动一个圆圈，svg填充的形状比一个矩形要复杂得多(例如德克萨斯州)。
我估计的工作流程是：
usa.svg负载图
在texas.svg上加载usa.svg覆盖层
用户点击texas.svg中的任何地方，就会出现一个蟋蟀，然后我可以拖动它，但只能在texas.svg路径的范围内。
谢谢
D
浏览 4提问于2016-02-09得票数 0
我有一个表，我想让它的行可以使用JQuery拖拽(用户可以选择一行，然后将该行拖到我的UI上的另一个元素中，这样就可以将行的数据拖到那个元素中)。我将表的每一行("tr“元素)设置为"draggableRow”类，并为所有这些内容创建了适用于该类元素的适当功能(例如，为该类设置一个可拖动函数)。
但是，我不希望用户能够从第一列(即，行中的第一个"td“)拖动。一种选择是使"td“元素可拖动，但由于填充问题，这感觉不太清晰。表行中存在不可拖动的死区。
因此，另一种方法是在"tr“上保持可拖动，但以某种方式找出用户单击了行中的第一个"td”(例如，通
浏览 0提问于2013-01-25得票数 0
回答已采纳
我在Firefox16中遇到了这个问题。
我用<image>标签创建了一个新的svg文件(NewImage.svg)：
<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.0//EN'
'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'>
<svg xmlns='http://www
浏览 2提问于2012-10-17得票数 1
如何在Snap.svg中手动触发拖动事件？
我将一个拖动事件附加到一个元素: Element.drag(dragMove，dragStart，dragEnd)，并希望以编程方式触发此事件。
我试图触发调用Element.eventsi.f()的事件，其中我表示拖动事件，但似乎不起作用。
浏览 3提问于2014-04-01得票数 1
我有一个<svg>元素，它在<defs>标记下包含一些<image>元素，这些元素被一些<use>元素引用，如下所示： <svg xmlns="http://www.w3.org/2000/svg" ...>
<defs>
<image height="100%" id="test" width="100%" xlink:href="data:image/png;base64,..."/>
浏览 24提问于2019-06-07得票数 1
下面的代码基于Bostock的。
原始代码在拖动圆圈时更新(MVC)模型。函数d的参数dragged是正在拖动的数组circles的元素。
<!DOCTYPE html>
<meta charset="utf-8">
<style>
.active {
stroke: #000;
stroke-width: 2px;
}
</style>
<svg width="960" height="500"></svg>
<sc
浏览 6提问于2017-01-18得票数 1
回答已采纳
我尝试在Snap.svg中动态加载图像，然后在图像加载后对其进行一些处理。load事件在Chrome、Firefox和Opera中触发，但在Internet Explorer或Safari中不触发。
我在中进行了此设置
var s = null;
var g = null;
var image = null;
//$(document).ready(function($) {
$(window).load(function() {
s = Snap("#svgout");
g = s.g();
$("#baseimage").attr(&
浏览 0提问于2015-02-20得票数 1
3回答
所以我已经在adobe illustrator中制作了自己的SVG行图标，但是当我使用时，我想将它导入到我的代码中： <img class="shape-1" src="assets/images/widgeticon.svg" alt="shape"> 我可以将鼠标悬停在图标上并拖动它，我想要一种方法，在这种方法中，我无法将图标拖出网页(例如，将其拖动到新的选项卡中)-我希望我这样做是有意义的。 我以前用过这个函数： <i class="lni-thought"></i> 然而，这是使用Li
浏览 65提问于2021-07-12得票数 1
2回答
我试图呈现一个svg图像与敲除，但它没有显示图像后，我成功地绑定了视图模型。
这是SVG
<svg width="500" height="500" style="border: solid 1px black">
<image id="img1" width="500" height="500"
data-bind="attr:{'xlink:href': image}"></image>
</svg>
浏览 2提问于2015-08-25得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
