如何在JSXGraph中同时移动两个具有相同点的对象?

时间:2015-08-12 11:51:59

标签: javascript jsxgraph

//创建一个提供两个点的箭头。

var C = board.create('point', [4.0, 2.0]);
var D = board.create('point', [6.0, 2.0]);
board.create('line', [C, D]);

//创建一条提供两点的线。

<div class="wrappy">
  <?php
  if( have_rows('staff_slides', 'options') ) :
  $slides = array_chunk(get_field('staff_slides', 'options'), 3);
    foreach ($slides as $slides_row) :
      ?>
      <div class="row">
        <?php foreach ($slides_row as $slide_element) : the_row(); ?>
        <div class="staff-img c3">
          <div class="staff-caption">
            <h3><?php the_sub_field('staff_members_name', 'options'); ?></h3>
            <span></span>
            <h4><?php the_sub_field('staff_members_position', 'options'); ?></h4>
          </div>
          <img src="<?php echo wp_get_attachment_image_src( get_sub_field('slide_image', 'options'), 'homepage-staff')[0]; ?>">
        </div>
      <?php endforeach; ?>
    </div>
  <?php endforeach; else : ?>
    No slides do to show
  <?php endif; ?>
</div>

现在A点和C点都相同。当我移动它时,只有C在最后创建时被移动。当公共点(A,C)移动时,是否有可能将两个物体(箭头和线)一起移动?

1 个答案:

答案 0 :(得分:3)

可以将两个点AC粘合在一起。确切地说,可以将C设置为&#34;滑翔机&#34;在A

var A = board.create('point', [4.0, 2.0]);
var B = board.create('point', [1.0, 1.0]);
board.create('arrow', [A, B]);

var C = board.create('point', [4.0, 2.0]);
var D = board.create('point', [6.0, 2.0]);
board.create('line', [C, D]);

C.makeGlider(A).setProperty({fixed: true});
board.update();

有必要为fixed:true设置C。否则C会在拖动时获得焦点。但拖着一个生活在一个点上的滑翔机是没有意义的。