regex - JavaScript: Custom Function For Path's "d" attribute -


I am trying to create a function so that I can edit the "D" attribute of SVG Javascript can be reused in the path.

At this time, I am capable of attaining the attribute and changing it, although it is on an ad-hoc basis. I want to make a reusable function. For example, if I have a SVG: 

   & Lt; / Svg & gt;   
 I do this to edit the "D" attribute with javascript:  
  var element = document.query selector ("MyPath" ); Element.setAttribute ("D", "M475.385 ...");   
 How do I change this kind of workflow into a reusable function? The function should do the following:  
     
  1.  Perform a SVG query by class name.  
  2.  Query the path element of SVG by class name.  
  3.  "D" is the attribute of that path.  
  4.  Change the "d" attribute.   
     I want to be able to set it so that I can call only one function and this is what I need to do, finally sets the "D" attribute I believe That the best way to do this would be through some kind of custom regex.   
     
     
     Maybe I'm not you understand, but what I think is what you are asking Easy:   function set path (svgClass, pathClass, newPath) {var element = document.query Selector ('.' + SvgClass + '.' + Path Class); Element.setAttribute ("d", newpath); } / Suppose you have a class "mySvg" & lt; Svg & gt; Add to Element Setpeth ('mySvg', 'myPath', 'M475.385,13.143 C25.477,8.58,21.678,5,17,5');   
     Or if you want to reuse a single class without the need of supplying them every time, you can:  
      Function getPathSetter (svgClass, pathClass) {return function (newpath) {var element = document.query selector ('.' + SvgClass + '.' + + + Path class); Element.setAttribute ("d", newpath); }; } / Suppose you have a class "mySvg" & lt; Svg & gt; Add to Element var ps = getPathSetter ('mySvg', 'mypath'); Ps ('m375.385,13.143c25.477,8.58,21.678,5,17,5'); SetTimeout (function (('m 75.385, 13.143c, 25.477,8.58, 21.678,5, 17,5');}, 3000);   
     ... or, especially If you can do with classes, you can:  
      
      function path (svgClass, path class) {this.svgClass = svgClass; .pathClass = Path class;} Path.prototype.getPathElement = function () {return Document.query selector ('.' This.svgClass + '.' + This.pathClass);}; Path.prototype.set = function ( NewPath) {var element = this.getPathElement (); Element.setAttribute ("d", newpath);} Path.prototype.get = function () {var element = this.getPathElement (); return element.getAttribute (" D ");}; // Assume that you add a class" mySvg "to & lt; svg & gt; Element var p = new path ('mySvg', 'mypath'); p.set ('M375.385,13.143C25.477,8.58,21.678,5,17,5'); set timeout (function () (p .set ('M75.385, 13.143 c25.477,8.58, 21.678,5, 17.5'); Alert (PGT) ());}, 3000);   < / Div>

Comments

Post a Comment

Popular posts from this blog

c - Mpirun hangs when mpi send and recieve is put in a loop -

I was trying to use the program to use mifrewan on 4 node clusters. Distributing node 0 data in nodes 1, 2 and 3. In the program, from '90 'to variable values ​​of' dior 'to be calculated. Therefore the node is distributing data and collecting results in an omitted fashion (for different values ​​of var 'dir') when do {*******} Whereas (dir Loop is given, Mippun is hanging, and no output is found. But when I comment on two {*******} (dir The loop output is obtained for the initial value of variable dir dir = -90 ), and that output is correct. The problem occurs when the loop is given. Can anyone help me in solving this problem. #include "mpi.h" int main (int argc, char * argv []) Float dir = -90; Int rank, nanoprakash; MPI_Status status; MPI_Init (& amp; argc, & argv); MPI_Comm_rank (MPI_COMM_WORLD, & amp; Rank); MPI_Comm_size (MPI_COMM_WORLD, & amp; numprocs); If (rank == 0) {/ / data to begin / / (dest = 1; dest ...
Read more

python - Apply coupon to a customer's subscription based on non-stripe related actions on the site -

I can not find anything in the source about using coupons after subscribing to a user's plan. Is it possible to use a coupon to credit a user's membership after initial subscription? If not, what is the best option? Specifically, I want to give a user 100% coupon for that month, when they take 5 [site specific actions]. This is possible, but may not be the best idea. Coupons are currently applied to the stripe, then apply again at the customer level and each client can have a single coupon. So if you are already offering discounts to the coupon, then the customer who is currently in the present will also give up. It also means that if you are using a recently-added multiple subscription capacity, then all of the user's subscription will be ready for the month. Coupons can be set to "Once", only once (as the only name) can be used by any customer, so if this credit can earn more than once, You will have to maintain a 100% discount coupon continuousl...
Read more

java - Unable to get JDBC connection in Spring application to MySQL -

मैंने स्प्रिंग में डीबी कॉन्फ़िगरेशन का पालन किया है: & lt; bean id = "dataSource" Class = "org.apache.commons.dbcp.BasicDataSource" नष्ट-विधि = "बंद" & gt; & Lt; प्रॉपर्टी नाम = "url" मान = "jdbc: dburl" / & gt; & Lt; संपत्ति नाम = "driverClassName" मान = "com.mysql.jdbc.Driver" / & gt; & Lt; संपत्ति नाम = "उपयोगकर्ता नाम" मान = "उपयोगकर्ता नाम" / & gt; & Lt; संपत्ति नाम = "पासवर्ड" मान = "पासवॉर्फ" / & gt; & Lt; प्रॉपर्टी नाम = "हटाए गए हटाए गए" मान = "सही" / & gt; & Lt; गुण नाम = "प्रारंभिक आकार" मान = "3" / & gt; & Lt; संपत्ति नाम = "अधिकतमअक्टिव" मान = "5" / & gt; & Lt; / सेम ​​& gt; डीबी से गुण मूल्यों को लोड करने के लिए अतिरिक्त कॉन्फ़िगरेशन। & lt; bean id = "config1" class = "org.apache.commons.configuration....
Read more