javascript - how to wait for SVG inside to finish loading before some JS fires?

I have this in my html (SVG is about 500K):

我在GitHub上使用脚本为SVG创建一个视口,这样我就可以在视口内平移和缩放,但是像GoogleMaps一样.
https://github.com/ariutta/svg-pan-zoom
所以加载顺序需要是：
> svg-pan-zoom.js完成>所有500k的svg需要完成加载>需要运行以下代码：
var panZoomArm = svgPanZoom(‘#arm’);
不幸的是,上面的代码在SVG没有完全加载时运行,导致错误.
我试过这个但是.load似乎不是为< object>而设计的. – 实际上调试器永远不会被触发
$('#arm').load(function(){ debugger var panZoomArm = svgPanZoom('#arm');});
这些方法对我来说只有在500k svg完全下载后才能告诉代码运行吗？
让我可靠地启动此代码的唯一方法是使SVG完全内联…这样就像数百行代码无法缓存.
编辑 – –
好吧,我让它工作,但我很困惑.
这不起作用(调试器永远不会触发)：
$('#arm').load(function(){ debugger var panZoomArm = svgPanZoom('#arm');});
这有效：
var arm = document.getElementById("arm");arm.addEventListener('load', function(){ debugger var panZoomArm = svgPanZoom('#arm');});
解决方法:
这就是我开始工作的方式：
var arm = document.getElementById("arm");arm.addEventListener('load', function(){ var panZoomArm = svgPanZoom('#arm');});

javascript - how to wait for SVG inside to finish loading before some JS fires? Related posts

How can I test my application on my phone? I have Eclipse w/ Android plugin
Where do I copy the apk file on Motorola Droid? Which directory? I need to be careful if there is any possible problem, it is also my personal phone...Best answer:To install the apk file, you need to executeadb install /path/to/file.apkAlthough the robot is connected. I will avoid using other adb pr ...
IronPython w/ C# - How to read the value of a Python variable
I have two python files: mainfile.py and subfile.pymainfile.py depends on some types in subfile.py.mainfile.py looks like this.from subfile import *my_variable = [1,2,3,4,5]def do_something_with_subfile #Do something with things in the subfile. #Return something.I'm trying to load mainfile.py in C# ...
How to Build a Shopping List Using React Hooks (w/ Starter Code and Video Walkthrough)
What we're buildingIn this beginner React tutorial, we're going to build a shopping app. We'll work with complex state objects, update parts of the state, and use existing state to calculate new state.Check it out here:Try it yourselfIf you want to have a go yourself first, here are the scenarios (y ...
Python regular expressions \W* and \W*? Problems encountered in the matching process
When Lao Yuan analyzed the problem in"In-depth analysis of the matching process of Python regular expressions \W+ and \W*", he thought of a question, if"re.split('(\W*)','Hello, world') What will happen if the processing of"is changed to non-greedy mode? According to the prediction of the old monkey ...
Use PHP and ImageMagick to programmatically convert RGB images to 1-bit grayscale (b/w) bitmap images
I am trying to use PHP (version: 5.2.13) and ImageMagick (version: 6.7.8-7-Q16) to programmatically convert a bitmap RGB image to a 1-bit grayscale (b/w) bitmap image. Input image It is a bitmap, generated by the ImageMagick function:bool Imagick::setFormat ( string $format )Where $format ='bmp2'The following code has been used in the past (old version of ImageMagick...don’t remember which one), but it doesn’t work anymore in the current environment:private function monochrome() { if (isset($thi ...
In-depth analysis of the matching process of Python regular expressions \W+ and \W*
In the process of learning the re.split function, it was found that the execution and return of the following statements were inconsistent with what the old ape had expected:>>> re.split('\W*','Hello, world')['','H','e','l','l','o','','w', 'o','r','l','d','']What the old ape expects is ['', ...
javascript-How to make ExtJS include the time zone when saving records from JSONStore w/ ISO 8601 format?
In the code snippet below, I created a JsonStore (its record type is a single date field), added a new record to it, and then saved it. When saving, the time zone is not included in the serialized date value, even if it is included in the actual In the record object (as shown by Firebug). Ext seems ...
php-Laravel 4.1 Wherein w/Many-to-many relationship and conditions?
I'm developing an application, part of the application needs to use AND to search multiple different fields on the same model-age can also be found, where the AND gender between $from and $to is $gender. The place where I get lost is The model has many relationships with Category, so I need to filte ...
javascript - ECMAScript associative array via object w/ prototype null?
I see a lot of people doing thisObject.prototype.foo = 'HALLO';var hash = {baz: 'quuz'};for ( var v in hash ) { // Do not print property `foo` if ( hash.hasOwnProperty(v) ) { console. log( v +"is a hash property"); }}My question is, instead of testing .hasOwnProperty every time you want to use Objec ...
python-Use the string subs('x','w') instead of the symbol subs(x,w) to replace Sympy
I am working on an application with a circuit simulator ahkab, to make a long story short I need to replace the laplace variable s in some equations with 1j*w. For me, the symbol name is used instead of the symbol itself to perform this substitution and other substitutions. Convenience. I encountered some strange behavior.If you do>>> x = Symbol('x') >>> y = Symbol('y') >>> expr = x + y x + y >>> expr.subs('x','w') w + yThis seems to work as I expected. The pr ...
JavaScript: format number/currency w/ about culture, such as String.Format() in .NET?
This seems to be a problem that someone has solved in 2009, but I can't find a decent JavaScript library with numbers like this:12,345.58And format it correctly according to the specific culture (ie"nl-nl") or ISO currency code.dojo shows promise, but it doesn't contain many cultures by default, and ...
java - How does a JVM running multiple threads handle ctrl-c, w/ and w/o shutdown hooks?
Couldn't find this answer online. When pressing Ctrl C:What happens to the running threads when we don't have any shutdown hooks - they are each hit with InterruptedException? When we have shutdown hooks, I know that shutdown hooks run in new threads in arbitrary order. But what happens to existing ...
How to create a hash code in C# on the object graph provided by W# service
I currently have a WCF service that can provide an object graph of data on request. I want to have a mechanism where the client can calculate a hash on the cached object graph it owns, and then can provide the hash value to WCF service to see if it matches the data owned by the service.I tried this ...
is marked as 1.5w on GitHub, used by station B, and the monthly salary of flv.js open source authors is less than 5k! How important is education to programmers?
big data abstracts author: Liu Junhuan introduced to you the annual salary level of data scientists in the United States last week, and found that although the overall salary trend of scientists has declined, the median annual salary remains at about 120,000 US dollars. At the same time, Zhihu's las ...
[timeisprecious][JavaScript ]JavaScript RegExp \W Metacharacter
JavaScript>RegExp regular expression> \W metacharacter1. From RunnobJavaScript RegExp \W metacharacterDefinition and usage:The \W metacharacter is used to find non-word characters.Word characters include: az, AZ, 0-9, and underscore.grammar:new RegExp("\W") or a simpler way: /\W/Demo:Case Code ...
C#Web request w RestSharp-"Request aborted: unable to create SSL/TLS secure channel"
I have a very simple web request with RestSharp:var client = new RestClient("https://website.net"); var request = new RestRequest("/process", Method.GET); request.AddParameter("cmd", "execute"); IRestResponse response = client.Execute(request); var content = response.Content; Console.WriteLine("Response: "+ content);This will return the error message:The request was aborted: Could not create SSL/TLS secure channelthree things:> I got the response I expected through the browser, > I got th ...

javascript - how to wait for SVG inside to finish loading before some JS fires?

javascript - how to wait for SVG inside to finish loading before some JS fires? Related posts

Recent Posts

Hot Topics