javascript - How to find middle point of a line in Jquery? -

-

I have a 60px width diagonal line, and it follows the mouse cursor. But I want to set my original point to middle or line. How can I do this in the corner of the line?

I tried to give a left: -30px line but it does not work.

Now my line is;

my line code now

what I try to do

What do I try to do 

  Var original x = $ ('#boot-point'). Offset (). Left + $ ('#boot-point') External Wide () / 2; Var originY = $ ('# origin-point'). Offset (). Top + $ ('# origin-point'). OuterHeight () / 2; Var length = Math.Sqrt ((event.pageX - originX) * (event.pageX - originX) + (event.pageY - originY) * (event.pageY - originY)); Angle of character = 180 / 3.1415 * Math.com ((event.pageY - originY) / Length); If (event.pageX> Basic) angle * * -1;   
 I have a JSField   
 
 
 Have decided.  
 Update your conversion first, such as coordinates:  
  # new-link-line {-webkit-transform-origin: top center; -MOZ-Transform-Origin: Top Center; -O-Change-Origin: Top Center; -MMS-Change-Origin: Top Center; Change-Origin: Top Center; }   
 Second, update your linkline  left  CSS status:  
  .css ('left', offset.left + $ (This) .oftheit () / 2 - ($ linkLine.width () / 2));   
  
  
  
  
 / Store it now so that you can save your time Change the password, you should not search for the dom $ var = $ ('# origin-point'); $ Op.mousedown (function () {var $ linkLine = $ (' 
 & gt;'). 'Body'; Var offset = $ op .offet (); $ linkLine .css ('top', offset.top + $ (this) .autterwidth () / 2) .css ('left', offset.left + $ (this). OuterHeight () / 2 - ($ linkLine.width () / 2)); $ (document) .mousemove (linkMouseMoveEvent) .bind ('mousedown.link', function (event) {if (event.which == 3) {EndLinkMode ();}}) .bind ('keydown.link', function (event) {// escape key if pressed (event.keyCode == 27) {endLinkMode ();}})}}; function LinkMouseMoveEvent (event) {var offset = $ op.offset (); if ($ ('$ new-link-line'). Length> 0) {var originX = offset.left + $ op.outerWidth () / 2; Var originalY = offset.top + $ op.outer Height () / 2; Var Length = Math. Sqrt ((event.pageX - originX) * (event.pageX - originX) + (event.pageY - originY) * (event.pageY - originY)); Angle of character = 180 / 3.1415 * Math.com ((event.pageY - originY) / length); if (event.pageX> original) angle * * -1; $ ('# new-link-line') CSS ('height', length). CSS ('webkit-conversion', 'rotate (' + angle + 'degree)). CSS ('- moz-transform', 'rotate (' + angle + 'degree)' '. CSS (' -o-transform ',' rotate ('+ + +' 'degree)'. CSS ('- MS- CSS ('conversion', 'rotate (' + angle + 'degree)')}} function endLinkMode () {$ ('# new-link- Line '). Remove (); $ (document) .unbind (' mousemove.link ') Nickel (' click.link ') ..}

Comments

Post a Comment

Popular posts from this blog

java - ImportError: No module named py4j.java_gateway -

-
I'm trying to call the Python using the Java program py4j . I've been installing the plug-in Eclipse and test name Piidvi project. I'm trying to execute the following part of the code found on py4j webpage: Import from py4j.java_gateway to JavaGateway, java_import gateway = JavaGateway () jvm = gateway.jvm java_import (jvm, '' Org.eclipse Kkorkrisorsej. * ") Vrkspes_rut = Jvankresourkesplginkgetvrkspas (). GetRoot (Gateway .help (workspace_root, '* Projects *') project_names = [project.getName () (for projects workpace_root.getProjects))] print (Projekt_nam) But I There is an error in import. I have checked that the P4JJ is present in the Jar Eclipse plugin directory. Can anyone help please? I had to install the py4j application
Read more

python - Receiving "KeyError" after decoding json result from url -

-
I am new to Python I am trying to parse JSON result from a URL. Basically, I was using the following: response = urllib.request.urlopen (url) json_obj = json.load (response) It should be a stroke "str 'not' bytes' in the lines of a given" JSON object, so after searching on the StackoverView Flo, I decode the response in this way: F = urllib.request.urlopen (Url) charset = f.info (). Get_param ('charset', 'utf8') data = f.read () decoded = json.loads (data.decode (charset)) If I print "decode" I is as follows: { 'link': { 'summary data': 'https: // localhost / piwebapi / streams / p0_7qHaW4UHU-RlCaz8tpasAAQAAAAU0hJTExNQU42NDIwXFNJTlVTT0lE / summary' 'value': 'https: // localhost / Piwebapi / streams / P0_7qHaW4UHU-RlCaz8tpasAAQAAAAU0hJTExNQU42NDIwXFNJTlVTT0lE / price ',' InterpolatedData ':' https: // localhost / Piwebapi / streams / P0_7qHaW4UHU-RlCaz8tpasAAQAAAAU0hJTE...
Read more

c++ - Qt::make_shared for creating QSharedPtr as std::make_shared for creating std::shared_ptr -

-
As stated in the Barjini Stroustrup's "A Tour of C ++", and a known C ++ 14 practice As such, someone should avoid the naked code in the new and delete . Provides std :: make_shared and std :: make_unique to create smart pointers to store allocated items in the standard library. However, it is not possible to use these routines for non-standard smart pointers, such as QT's own memory management model (with parent), but also smart pointer class like Provides QSharedPointer and QPointer (although later it is not actually a brochure indicator). My question is: Is not it convenient to create Qt analog of std :: make_shared ? To like it, QSharedPtr : Namespace Qt {template & lt; Class T, squares ... Args & gt; QSharedPointer & LT; T & gt; Make_shared (erg & amp; ... args) {return QSharedPointer & lt; T & gt; (New t (std :: forward & lt; ergos & gt; (args) ...)); }} or to create this, QPointer : named place ...
Read more