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

Popular posts from this blog

java - ImportError: No module named py4j.java_gateway -

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

python - 'NoneType' object is not callable using 'find_all' in BeautifulSoup -