npm - jmgraph - Versions diffs - 3.2.16 → 3.2.18 - Mend

jmgraph 3.2.16 → 3.2.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (77) hide show

package/LICENSE +21 -21
package/README.md +251 -428
package/build/gulpfile.js +142 -142
package/build/package-lock.json +10666 -0
package/build/package.json +71 -71
package/dev.js +9 -9
package/dist/jmgraph.core.min.js +1 -1
package/dist/jmgraph.core.min.js.map +1 -1
package/dist/jmgraph.js +3500 -2668
package/dist/jmgraph.min.js +1 -1
package/example/ball.html +216 -216
package/example/base.html +111 -111
package/example/canvas.html +53 -53
package/example/cell.html +283 -283
package/example/controls/arc.html +128 -128
package/example/controls/arrowline.html +77 -77
package/example/controls/bezier.html +298 -298
package/example/controls/img.html +96 -96
package/example/controls/label.html +86 -86
package/example/controls/line.html +172 -172
package/example/controls/prismatic.html +62 -62
package/example/controls/rect.html +63 -63
package/example/controls/resize.html +111 -111
package/example/controls/test.html +359 -359
package/example/es.html +69 -69
package/example/es5module.html +62 -63
package/example/heartarc.html +115 -115
package/example/index.html +46 -46
package/example/js/require.js +4 -4
package/example/love/img/bling/bling.tps +265 -265
package/example/love/img/bling.json +87 -87
package/example/love/img/bling.tps +295 -295
package/example/love/img/love.json +95 -95
package/example/love/img/love.tps +315 -315
package/example/love/img/qq/qq.tps +399 -399
package/example/love/img/qq.json +242 -242
package/example/love/index.html +40 -40
package/example/love/js/game.js +558 -558
package/example/music.html +210 -210
package/example/node/test.js +137 -137
package/example/pdf.html +186 -186
package/example/progress.html +172 -172
package/example/pso.html +147 -147
package/example/sort.html +804 -815
package/example/tweenjs.html +83 -83
package/example/webgl.html +278 -278
package/example/xfj/index.html +331 -331
package/example/xfj/shake.js +48 -48
package/example/xfj/testori.html +75 -75
package/index.js +99 -99
package/package.json +58 -56
package/src/core/jmControl.js +1376 -1531
package/src/core/jmEvents.js +240 -281
package/src/core/jmGradient.js +231 -231
package/src/core/jmGraph.js +569 -569
package/src/core/jmList.js +92 -157
package/src/core/jmObject.js +83 -103
package/src/core/jmPath.js +35 -35
package/src/core/jmProperty.js +71 -110
package/src/core/jmShadow.js +65 -65
package/src/core/jmUtils.js +906 -919
package/src/lib/earcut.js +680 -680
package/src/lib/earcut.md +73 -73
package/src/lib/webgl/base.js +522 -452
package/src/lib/webgl/core/buffer.js +48 -48
package/src/lib/webgl/core/mapSize.js +40 -40
package/src/lib/webgl/core/mapType.js +43 -43
package/src/lib/webgl/core/program.js +138 -138
package/src/lib/webgl/core/shader.js +13 -13
package/src/lib/webgl/core/texture.js +60 -60
package/src/lib/webgl/gradient.js +168 -168
package/src/lib/webgl/index.js +137 -11
package/src/lib/webgl/path.js +568 -561
package/src/shapes/jmArrowLine.js +36 -36
package/src/shapes/jmImage.js +244 -244
package/src/shapes/jmLabel.js +271 -271
package/src/shapes/jmResize.js +332 -330

package/example/xfj/shake.js CHANGED Viewed

@@ -1,49 +1,49 @@
-function devicemotion() {
-    this.hasDeviceMotion = 'ondeviceorientation' in window;
-}
-devicemotion.prototype.initEvent = function() {
-    if(this.inited) return;
-    if(this.hasDeviceMotion) {
-        var self = this;
-        window.addEventListener('deviceorientation',function(e) {
-            self.devicemotionEvent(e);
-        }, false);
-    }
-    this.inited = true;
-    return this.hasDeviceMotion;
-}
-//绑定摇一摇功能
-//如果不支持摇一摇，则会返回false
-devicemotion.prototype.bindShake = function(options) {
-    if(!options) return;
-    if(this.hasDeviceMotion) {
-        this.shakeOption = options;
-    }
-    else {
-        options.handler && options.handler();
-    }
-    this.initEvent();
-    return this.hasDeviceMotion;
-}
-devicemotion.prototype.devicemotionEvent = function(e) {
-    //以设备坐标系z轴为轴，旋转alpha度
-	//以设备坐标系x轴为轴，旋转beta度
-	//已设备坐标系y轴为轴，旋转gamma度
-    if(this.shakeOption) {
-        var opt = {
-            //x: e.accelerationIncludingGravity.x,
-           // y: e.accelerationIncludingGravity.y,
-            //z: e.accelerationIncludingGravity.z,
-            alpha: e.alpha,
-            beta: e.beta,
-            gamma: e.gamma
-        }
-      this.shakeOption.handler.call(this, opt);
-    }
+function devicemotion() {
+    this.hasDeviceMotion = 'ondeviceorientation' in window;
+}
+devicemotion.prototype.initEvent = function() {
+    if(this.inited) return;
+    if(this.hasDeviceMotion) {
+        var self = this;
+        window.addEventListener('deviceorientation',function(e) {
+            self.devicemotionEvent(e);
+        }, false);
+    }
+    this.inited = true;
+    return this.hasDeviceMotion;
+}
+//绑定摇一摇功能
+//如果不支持摇一摇，则会返回false
+devicemotion.prototype.bindShake = function(options) {
+    if(!options) return;
+    if(this.hasDeviceMotion) {
+        this.shakeOption = options;
+    }
+    else {
+        options.handler && options.handler();
+    }
+    this.initEvent();
+    return this.hasDeviceMotion;
+}
+devicemotion.prototype.devicemotionEvent = function(e) {
+    //以设备坐标系z轴为轴，旋转alpha度
+	//以设备坐标系x轴为轴，旋转beta度
+	//已设备坐标系y轴为轴，旋转gamma度
+    if(this.shakeOption) {
+        var opt = {
+            //x: e.accelerationIncludingGravity.x,
+           // y: e.accelerationIncludingGravity.y,
+            //z: e.accelerationIncludingGravity.z,
+            alpha: e.alpha,
+            beta: e.beta,
+            gamma: e.gamma
+        }
+      this.shakeOption.handler.call(this, opt);
+    }
 }

package/example/xfj/testori.html CHANGED Viewed

@@ -1,76 +1,76 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
-<html>
-	<head>
-		<title>Device Orientation By PuterJam</title>
-		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-	</head>
-	<body>
-	 <h1><ruby>设备方向感应测试<rt style="text-align:right;color:#ccc;font-size:10px">By PuterJam</rt></ruby></h1>
-	 <div style="background:#000;width:400px;height:200px;color:#fff;border-radius:5px;">
-	    <div id="pointer" style="height:5px;width:5px;background:#fff;position:relative;border-radius:10px;-webkit-transition:all 0.1s ease-in;-moz-transition:all 0.1s ease-in">
-	    </div>
-	 </div>
-	 <div id="test" style="font-size:12px;-webkit-text-size-adjust:none;margin:6px;"></div>
-	 <script defer>
-	            function Orientation(selector) {
-	            }
-	            Orientation.prototype.init = function(){
-		            window.addEventListener('deviceorientation', this.orientationListener, false);
-		            window.addEventListener('MozOrientation', this.orientationListener, false);
-		            window.addEventListener('devicemotion', this.orientationListener, false);
-	            }
-	            Orientation.prototype.orientationListener = function(evt) {
-	              // For FF3.6+
-	              if (!evt.gamma && !evt.beta) {
-	              	// angle=radian*180.0/PI 在firefox中x和y是弧度值,
-	                evt.gamma = (evt.x * (180 / Math.PI)); //转换成角度值,
-	                evt.beta = (evt.y * (180 / Math.PI)); //转换成角度值
-	                evt.alpha = (evt.z * (180 / Math.PI)); //转换成角度值
-	              }
-	             /* beta:  -180..180 (rotation around x axis) */
-	             	/* gamma:  -90..90  (rotation around y axis) */
-	             	/* alpha:    0..360 (rotation around z axis) (-180..180) */
-	              var gamma = evt.gamma
-	              var beta = evt.beta
-	              var alpha = evt.alpha
-	              if(evt.accelerationIncludingGravity){
-	               // window.removeEventListener('deviceorientation', this.orientationListener, false);
-					gamma = event.accelerationIncludingGravity.x*10
-					beta = -event.accelerationIncludingGravity.y*10
-					alpha = event.accelerationIncludingGravity.z*10
-                  }
-                  //var gamma = evt.rotationRate.gamma;
-				 //var	beta = evt.rotationRate.beta;
-				//var	alpha = evt.rotationRate.beta;
-	              if (this._lastGamma != gamma || this._lastBeta != beta) {
-	              	 document.querySelector("#test").innerHTML = "x: "+ beta.toFixed(2) + " y: " + gamma.toFixed(2) + " z: " + (alpha != null?alpha.toFixed(2):0)
-	                  var style = document.querySelector("#pointer").style;
-	                  style.left = (gamma+20)/40*400 +"px";
-	                  style.top = beta/90 * 100 + 100 +"px";
-	                this._lastGamma = gamma;
-	                this._lastBeta = beta;
-	              }
-	            };
-	            (new Orientation()).init();
-	          </script>
-	</body>
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+	<head>
+		<title>Device Orientation By PuterJam</title>
+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+	</head>
+	<body>
+	 <h1><ruby>设备方向感应测试<rt style="text-align:right;color:#ccc;font-size:10px">By PuterJam</rt></ruby></h1>
+	 <div style="background:#000;width:400px;height:200px;color:#fff;border-radius:5px;">
+	    <div id="pointer" style="height:5px;width:5px;background:#fff;position:relative;border-radius:10px;-webkit-transition:all 0.1s ease-in;-moz-transition:all 0.1s ease-in">
+	    </div>
+	 </div>
+	 <div id="test" style="font-size:12px;-webkit-text-size-adjust:none;margin:6px;"></div>
+	 <script defer>
+	            function Orientation(selector) {
+	            }
+	            Orientation.prototype.init = function(){
+		            window.addEventListener('deviceorientation', this.orientationListener, false);
+		            window.addEventListener('MozOrientation', this.orientationListener, false);
+		            window.addEventListener('devicemotion', this.orientationListener, false);
+	            }
+	            Orientation.prototype.orientationListener = function(evt) {
+	              // For FF3.6+
+	              if (!evt.gamma && !evt.beta) {
+	              	// angle=radian*180.0/PI 在firefox中x和y是弧度值,
+	                evt.gamma = (evt.x * (180 / Math.PI)); //转换成角度值,
+	                evt.beta = (evt.y * (180 / Math.PI)); //转换成角度值
+	                evt.alpha = (evt.z * (180 / Math.PI)); //转换成角度值
+	              }
+	             /* beta:  -180..180 (rotation around x axis) */
+	             	/* gamma:  -90..90  (rotation around y axis) */
+	             	/* alpha:    0..360 (rotation around z axis) (-180..180) */
+	              var gamma = evt.gamma
+	              var beta = evt.beta
+	              var alpha = evt.alpha
+	              if(evt.accelerationIncludingGravity){
+	               // window.removeEventListener('deviceorientation', this.orientationListener, false);
+					gamma = event.accelerationIncludingGravity.x*10
+					beta = -event.accelerationIncludingGravity.y*10
+					alpha = event.accelerationIncludingGravity.z*10
+                  }
+                  //var gamma = evt.rotationRate.gamma;
+				 //var	beta = evt.rotationRate.beta;
+				//var	alpha = evt.rotationRate.beta;
+	              if (this._lastGamma != gamma || this._lastBeta != beta) {
+	              	 document.querySelector("#test").innerHTML = "x: "+ beta.toFixed(2) + " y: " + gamma.toFixed(2) + " z: " + (alpha != null?alpha.toFixed(2):0)
+	                  var style = document.querySelector("#pointer").style;
+	                  style.left = (gamma+20)/40*400 +"px";
+	                  style.top = beta/90 * 100 + 100 +"px";
+	                this._lastGamma = gamma;
+	                this._lastBeta = beta;
+	              }
+	            };
+	            (new Orientation()).init();
+	          </script>
+	</body>
 </html>

package/index.js CHANGED Viewed

@@ -1,99 +1,99 @@
-import {jmArc} from "./src/shapes/jmArc.js";
-import {jmArrow} from "./src/shapes/jmArrow.js";
-import {jmBezier} from "./src/shapes/jmBezier.js";
-import {jmCircle} from "./src/shapes/jmCircle.js";
-import {jmHArc} from "./src/shapes/jmHArc.js";
-import {jmLine} from "./src/shapes/jmLine.js";
-import {jmPrismatic} from "./src/shapes/jmPrismatic.js";
-import {jmRect} from "./src/shapes/jmRect.js";
-import {jmArrowLine} from "./src/shapes/jmArrowLine.js";
-import {jmImage} from "./src/shapes/jmImage.js";
-import {jmLabel} from "./src/shapes/jmLabel.js";
-import {jmResize} from "./src/shapes/jmResize.js";
-import { jmGraph as jmGraphCore,
-    jmUtils,
-	jmList,
-	jmProperty,
-	jmShadow,
-	jmGradient,
-	jmEvents,
-	jmControl,
-	jmPath, } from "./src/core/jmGraph.js";
-const shapes = {
-    "arc": jmArc,
-    "arrow": jmArrow,
-    "bezier": jmBezier,
-    "circle": jmCircle,
-    "harc": jmHArc,
-    "line": jmLine,
-    "prismatic": jmPrismatic,
-    "rect": jmRect,
-    "arrowline": jmArrowLine,
-    "image": jmImage,
-    "img": jmImage,
-    "label": jmLabel,
-    "resize": jmResize
-}
-export default class jmGraph extends jmGraphCore {
-    constructor(canvas, option, callback) {
-        const targetType = new.target;
-        // 合并shapes
-        option = Object.assign({}, option);
-        option.shapes = Object.assign(shapes, option.shapes||{});
-        //不是用new实例化的话，返回一个promise
-		if(!targetType || !(targetType.prototype instanceof jmGraphCore)) {
-			return new Promise(function(resolve, reject){
-				var g = new jmGraph(canvas, option, callback);
-				if(resolve) resolve(g);
-			});
-        }
-        if(typeof option == 'function') {
-			callback = option;
-			option = {};
-        }
-        super(canvas, option, callback);
-    }
-    static create(...args) {
-        return createJmGraph(...args);
-    }
-}
-//创建实例
-const createJmGraph = (...args) => {
-	return new jmGraph(...args);
-}
-export {
-    jmUtils,
-    jmList,
-    jmControl,
-    jmPath,
-    jmShadow,
-    jmGradient,
-	jmArc,
-	jmArrow,
-	jmBezier,
-	jmCircle,
-	jmHArc,
-	jmLine,
-	jmPrismatic,
-	jmRect,
-	jmArrowLine,
-	jmImage,
-	jmLabel,
-    jmResize,
-    jmGraph,
-    createJmGraph as create
-};
+import {jmArc} from "./src/shapes/jmArc.js";
+import {jmArrow} from "./src/shapes/jmArrow.js";
+import {jmBezier} from "./src/shapes/jmBezier.js";
+import {jmCircle} from "./src/shapes/jmCircle.js";
+import {jmHArc} from "./src/shapes/jmHArc.js";
+import {jmLine} from "./src/shapes/jmLine.js";
+import {jmPrismatic} from "./src/shapes/jmPrismatic.js";
+import {jmRect} from "./src/shapes/jmRect.js";
+import {jmArrowLine} from "./src/shapes/jmArrowLine.js";
+import {jmImage} from "./src/shapes/jmImage.js";
+import {jmLabel} from "./src/shapes/jmLabel.js";
+import {jmResize} from "./src/shapes/jmResize.js";
+import { jmGraph as jmGraphCore,
+    jmUtils,
+	jmList,
+	jmProperty,
+	jmShadow,
+	jmGradient,
+	jmEvents,
+	jmControl,
+	jmPath, } from "./src/core/jmGraph.js";
+const shapes = {
+    "arc": jmArc,
+    "arrow": jmArrow,
+    "bezier": jmBezier,
+    "circle": jmCircle,
+    "harc": jmHArc,
+    "line": jmLine,
+    "prismatic": jmPrismatic,
+    "rect": jmRect,
+    "arrowline": jmArrowLine,
+    "image": jmImage,
+    "img": jmImage,
+    "label": jmLabel,
+    "resize": jmResize
+}
+export default class jmGraph extends jmGraphCore {
+    constructor(canvas, option, callback) {
+        const targetType = new.target;
+        // 合并shapes
+        option = Object.assign({}, option);
+        option.shapes = Object.assign(shapes, option.shapes||{});
+        //不是用new实例化的话，返回一个promise
+		if(!targetType || !(targetType.prototype instanceof jmGraphCore)) {
+			return new Promise(function(resolve, reject){
+				var g = new jmGraph(canvas, option, callback);
+				if(resolve) resolve(g);
+			});
+        }
+        if(typeof option == 'function') {
+			callback = option;
+			option = {};
+        }
+        super(canvas, option, callback);
+    }
+    static create(...args) {
+        return createJmGraph(...args);
+    }
+}
+//创建实例
+const createJmGraph = (...args) => {
+	return new jmGraph(...args);
+}
+export {
+    jmUtils,
+    jmList,
+    jmControl,
+    jmPath,
+    jmShadow,
+    jmGradient,
+	jmArc,
+	jmArrow,
+	jmBezier,
+	jmCircle,
+	jmHArc,
+	jmLine,
+	jmPrismatic,
+	jmRect,
+	jmArrowLine,
+	jmImage,
+	jmLabel,
+    jmResize,
+    jmGraph,
+    createJmGraph as create
+};

package/package.json CHANGED Viewed

@@ -1,56 +1,58 @@
-{
-  "family": "jmgraph",
-  "name": "jmgraph",
-  "version": "3.2.16",
-  "description": "一个简单的canvas画图库",
-  "homepage": "http://graph.jm47.com/",
-  "keywords": [
-    "canvas",
-    "html5",
-    "webgl"
-  ],
-  "author": "jiamao<haofefe@163.com>",
-  "engines": {},
-  "dependencies": {},
-  "devDependencies": {
-    "@commitlint/cli": "^7.6.1",
-    "@commitlint/config-conventional": "^7.6.0",
-    "canvas": "^2.11.2",
-    "cz-conventional-changelog": "^2.1.0",
-    "express": "^4.17.1"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/jiamao/jmgraph.git"
-  },
-  "main": "./index.js",
-  "spm": {
-    "alias": {},
-    "output": [
-      "main.js"
-    ]
-  },
-  "licenses": [
-    {
-      "type": "MIT",
-      "url": "https://github.com/jiamao/jmgraph/blob/master/LICENSE"
-    }
-  ],
-  "bugs": {
-    "url": "https://github.com/jiamao/jmgraph/issues"
-  },
-  "directories": {
-    "example": "example"
-  },
-  "scripts": {
-    "build": "cd build & npm i & gulp & cd ..",
-    "push": "npm publish --registry=https://registry.npmjs.org",
-    "dev": "node dev"
-  },
-  "license": "MIT",
-  "config": {
-    "commitizen": {
-      "path": "./node_modules/cz-conventional-changelog"
-    }
-  }
-}
+{
+  "family": "jmgraph",
+  "name": "jmgraph",
+  "version": "3.2.18",
+  "description": "一个简单的canvas画图库",
+  "homepage": "https://surl.fit/tools/tools/jmgraph",
+  "keywords": [
+    "canvas",
+    "html5",
+    "webgl"
+  ],
+  "author": "jiamao<haofefe@163.com>",
+  "engines": {},
+  "devDependencies": {
+    "@commitlint/cli": "^7.6.1",
+    "@commitlint/config-conventional": "^7.6.0",
+    "canvas": "^2.11.2",
+    "cz-conventional-changelog": "^2.1.0",
+    "express": "^4.22.1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/fefeding/jmgraph.git"
+  },
+  "main": "./index.js",
+  "spm": {
+    "alias": {},
+    "output": [
+      "main.js"
+    ]
+  },
+  "licenses": [
+    {
+      "type": "MIT",
+      "url": "https://github.com/fefeding/jmgraph/blob/master/LICENSE"
+    }
+  ],
+  "bugs": {
+    "url": "https://github.com/fefeding/jmgraph/issues"
+  },
+  "directories": {
+    "example": "example"
+  },
+  "scripts": {
+    "build": "cd build && npm i --legacy-peer-deps && npx gulp && cd ..",
+    "push": "npm publish --registry=https://registry.npmjs.org",
+    "dev": "node dev"
+  },
+  "license": "MIT",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "config": {
+    "commitizen": {
+      "path": "./node_modules/cz-conventional-changelog"
+    }
+  }
+}