javascript - Drag and drop using Raphael.js has laggy performance with more than 10 draggable elements -
i'm making simple html5 app, wrapped used on android, ios , web browsers. in app need set of points dragged , sorted in way, i'm using raphael.js animations , movememts , works fine 3 or 4 circles, when use more laggy performance appears (mobile browser). need app able draw lines on freehand, marker, , code i'm using refers drag to, performance awful. interesting part first moves work great, move more elements performance drops down drastically. works fine in pc browser, works fine 3 or 4 movements on mobie browser. is there way make drag , drop run fast , smooth large quantity of elements? here's code: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>raphaĆ«l · drag-n-drop</title> <link rel="stylesheet" href="demo.css" type="text/css" media="screen"> <meta name="apple-mobile-web-app-capable"...