FileMgr

✏️ /home/mien4214/public_html/absenku.mienyinyir.com/mod/andro/js/signature_pad.js

✕ Tutup

/*!
 * Signature Pad v1.5.1
 * https://github.com/szimek/signature_pad
 *
 * Copyright 2015 Szymon Nowak
 * Released under the MIT license
 *
 * The main idea and some parts of the code (e.g. drawing variable width Bézier curve) are taken from:
 * http://corner.squareup.com/2012/07/smoother-signatures.html
 *
 * Implementation of interpolation using cubic Bézier curves is taken from:
 * http://benknowscode.wordpress.com/2012/09/14/path-interpolation-using-cubic-bezier-and-control-point-estimation-in-javascript
 *
 * Algorithm for approximated length of a Bézier curve is taken from:
 * http://www.lemoda.net/maths/bezier-length/index.html
 *
 */
var SignaturePad = (function (document) {
    "use strict";

var SignaturePad = function (canvas, options) {
        var self = this,
            opts = options || {};

this.velocityFilterWeight = opts.velocityFilterWeight || 0.7;
        this.minWidth = opts.minWidth || 0.5;
        this.maxWidth = opts.maxWidth || 2.5;
        this.dotSize = opts.dotSize || function () {
            return (this.minWidth + this.maxWidth) / 2;
        };
        this.penColor = opts.penColor || "black";
        this.backgroundColor = opts.backgroundColor || "rgba(0,0,0,0)";
        this.onEnd = opts.onEnd;
        this.onBegin = opts.onBegin;

this._canvas = canvas;
        this._ctx = canvas.getContext("2d");
        this.clear();

// we need add these inline so they are available to unbind while still having
        //  access to 'self' we could use _.bind but it's not worth adding a dependency
        this._handleMouseDown = function (event) {
            if (event.which === 1) {
                self._mouseButtonDown = true;
                self._strokeBegin(event);
            }
        };

this._handleMouseMove = function (event) {
            if (self._mouseButtonDown) {
                self._strokeUpdate(event);
            }
        };

this._handleMouseUp = function (event) {
            if (event.which === 1 && self._mouseButtonDown) {
                self._mouseButtonDown = false;
                self._strokeEnd(event);
            }
        };

this._handleTouchStart = function (event) {
            var touch = event.changedTouches[0];
            self._strokeBegin(touch);
        };

this._handleTouchMove = function (event) {
            // Prevent scrolling.
            event.preventDefault();

var touch = event.changedTouches[0];
            self._strokeUpdate(touch);
        };

this._handleTouchEnd = function (event) {
            var wasCanvasTouched = event.target === self._canvas;
            if (wasCanvasTouched) {
                event.preventDefault();
                self._strokeEnd(event);
            }
        };

this._handleMouseEvents();
        this._handleTouchEvents();
    };

SignaturePad.prototype.clear = function () {
        var ctx = this._ctx,
            canvas = this._canvas;

ctx.fillStyle = this.backgroundColor;
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        ctx.fillRect(0, 0, canvas.width, canvas.height);
        this._reset();
    };

SignaturePad.prototype.toDataURL = function (imageType, quality) {
        var canvas = this._canvas;
        return canvas.toDataURL.apply(canvas, arguments);
    };

SignaturePad.prototype.fromDataURL = function (dataUrl) {
        var self = this,
            image = new Image(),
            ratio = window.devicePixelRatio || 1,
            width = this._canvas.width / ratio,
            height = this._canvas.height / ratio;

this._reset();
        image.src = dataUrl;
        image.onload = function () {
            self._ctx.drawImage(image, 0, 0, width, height);
        };
        this._isEmpty = false;
    };

SignaturePad.prototype._strokeUpdate = function (event) {
        var point = this._createPoint(event);
        this._addPoint(point);
    };

SignaturePad.prototype._strokeBegin = function (event) {
        this._reset();
        this._strokeUpdate(event);
        if (typeof this.onBegin === 'function') {
            this.onBegin(event);
        }
    };

SignaturePad.prototype._strokeDraw = function (point) {
        var ctx = this._ctx,
            dotSize = typeof(this.dotSize) === 'function' ? this.dotSize() : this.dotSize;

ctx.beginPath();
        this._drawPoint(point.x, point.y, dotSize);
        ctx.closePath();
        ctx.fill();
    };

SignaturePad.prototype._strokeEnd = function (event) {
        var canDrawCurve = this.points.length > 2,
            point = this.points[0];

if (!canDrawCurve && point) {
            this._strokeDraw(point);
        }
        if (typeof this.onEnd === 'function') {
            this.onEnd(event);
        }
    };

SignaturePad.prototype._handleMouseEvents = function () {
        this._mouseButtonDown = false;

this._canvas.addEventListener("mousedown", this._handleMouseDown);
        this._canvas.addEventListener("mousemove", this._handleMouseMove);
        document.addEventListener("mouseup", this._handleMouseUp);
    };

SignaturePad.prototype._handleTouchEvents = function () {
        // Pass touch events to canvas element on mobile IE.
        this._canvas.style.msTouchAction = 'none';

this._canvas.addEventListener("touchstart", this._handleTouchStart);
        this._canvas.addEventListener("touchmove", this._handleTouchMove);
        document.addEventListener("touchend", this._handleTouchEnd);
    };

SignaturePad.prototype.on = function () {
        this._handleMouseEvents();
        this._handleTouchEvents();
    };

SignaturePad.prototype.off = function () {
        this._canvas.removeEventListener("mousedown", this._handleMouseDown);
        this._canvas.removeEventListener("mousemove", this._handleMouseMove);
        document.removeEventListener("mouseup", this._handleMouseUp);

this._canvas.removeEventListener("touchstart", this._handleTouchStart);
        this._canvas.removeEventListener("touchmove", this._handleTouchMove);
        document.removeEventListener("touchend", this._handleTouchEnd);
    };

SignaturePad.prototype.isEmpty = function () {
        return this._isEmpty;
    };

SignaturePad.prototype._reset = function () {
        this.points = [];
        this._lastVelocity = 0;
        this._lastWidth = (this.minWidth + this.maxWidth) / 2;
        this._isEmpty = true;
        this._ctx.fillStyle = this.penColor;
    };

SignaturePad.prototype._createPoint = function (event) {
        var rect = this._canvas.getBoundingClientRect();
        return new Point(
            event.clientX - rect.left,
            event.clientY - rect.top
        );
    };

SignaturePad.prototype._addPoint = function (point) {
        var points = this.points,
            c2, c3,
            curve, tmp;

points.push(point);

if (points.length > 2) {
            // To reduce the initial lag make it work with 3 points
            // by copying the first point to the beginning.
            if (points.length === 3) points.unshift(points[0]);

tmp = this._calculateCurveControlPoints(points[0], points[1], points[2]);
            c2 = tmp.c2;
            tmp = this._calculateCurveControlPoints(points[1], points[2], points[3]);
            c3 = tmp.c1;
            curve = new Bezier(points[1], c2, c3, points[2]);
            this._addCurve(curve);

// Remove the first element from the list,
            // so that we always have no more than 4 points in points array.
            points.shift();
        }
    };

SignaturePad.prototype._calculateCurveControlPoints = function (s1, s2, s3) {
        var dx1 = s1.x - s2.x, dy1 = s1.y - s2.y,
            dx2 = s2.x - s3.x, dy2 = s2.y - s3.y,

m1 = {x: (s1.x + s2.x) / 2.0, y: (s1.y + s2.y) / 2.0},
            m2 = {x: (s2.x + s3.x) / 2.0, y: (s2.y + s3.y) / 2.0},

l1 = Math.sqrt(dx1*dx1 + dy1*dy1),
            l2 = Math.sqrt(dx2*dx2 + dy2*dy2),

dxm = (m1.x - m2.x),
            dym = (m1.y - m2.y),

k = l2 / (l1 + l2),
            cm = {x: m2.x + dxm*k, y: m2.y + dym*k},

tx = s2.x - cm.x,
            ty = s2.y - cm.y;

return {
            c1: new Point(m1.x + tx, m1.y + ty),
            c2: new Point(m2.x + tx, m2.y + ty)
        };
    };

SignaturePad.prototype._addCurve = function (curve) {
        var startPoint = curve.startPoint,
            endPoint = curve.endPoint,
            velocity, newWidth;

velocity = endPoint.velocityFrom(startPoint);
        velocity = this.velocityFilterWeight * velocity
            + (1 - this.velocityFilterWeight) * this._lastVelocity;

newWidth = this._strokeWidth(velocity);
        this._drawCurve(curve, this._lastWidth, newWidth);

this._lastVelocity = velocity;
        this._lastWidth = newWidth;
    };

SignaturePad.prototype._drawPoint = function (x, y, size) {
        var ctx = this._ctx;

ctx.moveTo(x, y);
        ctx.arc(x, y, size, 0, 2 * Math.PI, false);
        this._isEmpty = false;
    };

SignaturePad.prototype._drawCurve = function (curve, startWidth, endWidth) {
        var ctx = this._ctx,
            widthDelta = endWidth - startWidth,
            drawSteps, width, i, t, tt, ttt, u, uu, uuu, x, y;

drawSteps = Math.floor(curve.length());
        ctx.beginPath();
        for (i = 0; i < drawSteps; i++) {
            // Calculate the Bezier (x, y) coordinate for this step.
            t = i / drawSteps;
            tt = t * t;
            ttt = tt * t;
            u = 1 - t;
            uu = u * u;
            uuu = uu * u;

x = uuu * curve.startPoint.x;
            x += 3 * uu * t * curve.control1.x;
            x += 3 * u * tt * curve.control2.x;
            x += ttt * curve.endPoint.x;

y = uuu * curve.startPoint.y;
            y += 3 * uu * t * curve.control1.y;
            y += 3 * u * tt * curve.control2.y;
            y += ttt * curve.endPoint.y;

width = startWidth + ttt * widthDelta;
            this._drawPoint(x, y, width);
        }
        ctx.closePath();
        ctx.fill();
    };

SignaturePad.prototype._strokeWidth = function (velocity) {
        return Math.max(this.maxWidth / (velocity + 1), this.minWidth);
    };

var Point = function (x, y, time) {
        this.x = x;
        this.y = y;
        this.time = time || new Date().getTime();
    };

Point.prototype.velocityFrom = function (start) {
        return (this.time !== start.time) ? this.distanceTo(start) / (this.time - start.time) : 1;
    };

Point.prototype.distanceTo = function (start) {
        return Math.sqrt(Math.pow(this.x - start.x, 2) + Math.pow(this.y - start.y, 2));
    };

var Bezier = function (startPoint, control1, control2, endPoint) {
        this.startPoint = startPoint;
        this.control1 = control1;
        this.control2 = control2;
        this.endPoint = endPoint;
    };

// Returns approximated length.
    Bezier.prototype.length = function () {
        var steps = 10,
            length = 0,
            i, t, cx, cy, px, py, xdiff, ydiff;

for (i = 0; i <= steps; i++) {
            t = i / steps;
            cx = this._point(t, this.startPoint.x, this.control1.x, this.control2.x, this.endPoint.x);
            cy = this._point(t, this.startPoint.y, this.control1.y, this.control2.y, this.endPoint.y);
            if (i > 0) {
                xdiff = cx - px;
                ydiff = cy - py;
                length += Math.sqrt(xdiff * xdiff + ydiff * ydiff);
            }
            px = cx;
            py = cy;
        }
        return length;
    };

Bezier.prototype._point = function (t, start, c1, c2, end) {
        return          start * (1.0 - t) * (1.0 - t)  * (1.0 - t)
               + 3.0 *  c1    * (1.0 - t) * (1.0 - t)  * t
               + 3.0 *  c2    * (1.0 - t) * t          * t
               +        end   * t         * t          * t;
    };

return SignaturePad;
})(document);

return SignaturePad;

}));

Batal

⬅ andro 87 item

Nama	Tipe	Ukuran	Diubah	Perm	Aksi
📁 _notes	dir	—	09/03/23 16:43	0755	📂
📁 chart	dir	—	09/03/23 16:43	0755	📂
📁 ckeditor	dir	—	09/03/23 16:43	0755	📂
📁 ckfinder	dir	—	09/03/23 16:43	0755	📂
📁 external	dir	—	09/03/23 16:43	0755	📂
📁 graphics	dir	—	09/03/23 16:43	0755	📂
📁 images	dir	—	09/03/23 16:43	0755	📂
📁 infusion-jquery	dir	—	09/03/23 16:43	0755	📂
📁 jquery-ui	dir	—	09/03/23 16:43	0755	📂
📁 libs	dir	—	09/03/23 16:43	0755	📂
📁 mylibs	dir	—	09/03/23 16:43	0755	📂
📁 table.sorter	dir	—	09/03/23 16:43	0755	📂
📁 themes	dir	—	09/03/23 16:43	0755	📂
📁 ui	dir	—	09/03/23 16:43	0755	📂
📁 uploads	dir	—	09/03/23 16:43	0755	📂
📝 AUTHORS.txt	txt	12.4 KB	09/03/23 16:43	0644	✏️ ⬇
📜 Chart.js	js	387 KB	09/03/23 16:43	0644	✏️ ⬇
🗜️ Chart.js.zip	zip	407 KB	09/03/23 16:43	0644	✏️ ⬇
📜 JSAHMHREC01.js	js	11.5 KB	09/03/23 16:43	0644	✏️ ⬇
📝 LICENSE.txt	txt	1.8 KB	09/03/23 16:43	0644	✏️ ⬇
📜 action.js	js	915 B	09/03/23 16:43	0644	✏️ ⬇
📜 action_permission.js	js	906 B	09/03/23 16:43	0644	✏️ ⬇
📜 ajax_kota.js	js	1.9 KB	09/03/23 16:43	0644	✏️ ⬇
📜 app.js	js	1.1 KB	09/03/23 16:43	0644	✏️ ⬇
📜 bezier.js	js	4.5 KB	09/03/23 16:43	0644	✏️ ⬇
📜 bootstrap-select.js	js	69.9 KB	09/03/23 16:43	0644	✏️ ⬇
📜 bootstrap.min.js	js	28 KB	09/03/23 16:43	0644	✏️ ⬇
📜 clock.js	js	1.2 KB	09/03/23 16:43	0644	✏️ ⬇
📜 common.js	js	6 KB	09/03/23 16:43	0644	✏️ ⬇
📜 ew.js	js	11.5 KB	09/03/23 16:43	0644	✏️ ⬇
📜 functions.js	js	5.1 KB	09/03/23 16:43	0644	✏️ ⬇
📜 geo-min.js	js	4 KB	09/03/23 16:43	0644	✏️ ⬇
📜 geo.js	js	16.3 KB	09/03/23 16:43	0644	✏️ ⬇
📜 geo_position_js_simulator.js	js	849 B	09/03/23 16:43	0644	✏️ ⬇
🐘 grafik.php	php	2.3 KB	09/03/23 16:43	0644	✏️ ⬇
📝 id.txt	txt	563 B	09/03/23 16:43	0644	✏️ ⬇
🌐 index.html	html	31.8 KB	09/03/23 16:43	0644	✏️ ⬇
🐘 index.php	php	58 B	09/03/23 16:43	0644	✏️ ⬇
📜 jquery-1.11.2.min.js	js	93.7 KB	09/03/23 16:43	0644	✏️ ⬇
📜 jquery-1.12.2.min.js	js	95 KB	09/03/23 16:43	0644	✏️ ⬇
📜 jquery-1.3.2.js	js	117.8 KB	09/03/23 16:43	0644	✏️ ⬇
📜 jquery-1.7.2.min.js	js	92.6 KB	09/03/23 16:43	0644	✏️ ⬇
📜 jquery-ui-1.8.20.custom.min.js	js	100.2 KB	09/03/23 16:43	0644	✏️ ⬇
🎨 jquery-ui.css	css	35.2 KB	09/03/23 16:43	0644	✏️ ⬇
📜 jquery-ui.js	js	508.5 KB	09/03/23 16:43	0644	✏️ ⬇
🎨 jquery-ui.min.css	css	30 KB	09/03/23 16:43	0644	✏️ ⬇
📜 jquery-ui.min.js	js	247.7 KB	09/03/23 16:43	0644	✏️ ⬇
🎨 jquery-ui.structure.css	css	18.3 KB	09/03/23 16:43	0644	✏️ ⬇
🎨 jquery-ui.structure.min.css	css	15.2 KB	09/03/23 16:43	0644	✏️ ⬇
🎨 jquery-ui.theme.css	css	16.9 KB	09/03/23 16:43	0644	✏️ ⬇
🎨 jquery-ui.theme.min.css	css	13.5 KB	09/03/23 16:43	0644	✏️ ⬇
📜 jquery.PrintArea.js	js	8.9 KB	09/03/23 16:43	0644	✏️ ⬇
📜 jquery.autocomplete.js	js	9 KB	09/03/23 16:43	0644	✏️ ⬇
📜 jquery.dataTables.js	js	380.5 KB	09/03/23 16:43	0644	✏️ ⬇
📜 jquery.easyui.min.js	js	323.7 KB	09/03/23 16:43	0644	✏️ ⬇
📜 jquery.freezeheader.js	js	5.7 KB	09/03/23 16:43	0644	✏️ ⬇
📜 jquery.maskedinput.min.js	js	4.2 KB	09/03/23 16:43	0644	✏️ ⬇
📜 jquery.min.js	js	93.6 KB	09/03/23 16:43	0644	✏️ ⬇
📜 jquery.number.js	js	21.1 KB	09/03/23 16:43	0644	✏️ ⬇
📜 jquery.number.min.js	js	5.2 KB	09/03/23 16:43	0644	✏️ ⬇
📜 jquery.paginate.js	js	8 KB	09/03/23 16:43	0644	✏️ ⬇
📜 jquery.signaturepad.js	js	35.5 KB	09/03/23 16:43	0644	✏️ ⬇
📜 jquery.validate.min.js	js	21.1 KB	09/03/23 16:43	0644	✏️ ⬇
📜 jquery_notification_v.1.js	js	3.2 KB	09/03/23 16:43	0644	✏️ ⬇
📜 json2.min.js	js	3.3 KB	09/03/23 16:43	0644	✏️ ⬇
📜 maxlength.js	js	661 B	09/03/23 16:43	0644	✏️ ⬇
📜 maxlength1.js	js	663 B	09/03/23 16:43	0644	✏️ ⬇
📜 notifikasi.js	js	318 B	09/03/23 16:43	0644	✏️ ⬇
📜 numeric-1.2.6.min.js	js	69.8 KB	09/03/23 16:43	0644	✏️ ⬇
📜 pace.min.js	js	12.1 KB	09/03/23 16:43	0644	✏️ ⬇
📋 package.json	json	1.8 KB	09/03/23 16:43	0644	✏️ ⬇
📜 perfect-scrollbar.jquery.js	js	46.4 KB	09/03/23 16:43	0644	✏️ ⬇
📜 perfect-scrollbar.jquery.min.js	js	25.2 KB	09/03/23 16:43	0644	✏️ ⬇
📜 perfect-scrollbar.js	js	45.6 KB	09/03/23 16:43	0644	✏️ ⬇
📜 perfect-scrollbar.min.js	js	24.9 KB	09/03/23 16:43	0644	✏️ ⬇
📜 plugins.js	js	853 B	09/03/23 16:43	0644	✏️ ⬇
📜 popcalendar.js	js	21.4 KB	09/03/23 16:43	0644	✏️ ⬇
📜 resizable.js	js	3.4 KB	09/03/23 16:43	0644	✏️ ⬇
📜 script.js	js	2.3 KB	09/03/23 16:43	0644	✏️ ⬇
📜 signature_pad.js	js	12.4 KB	09/03/23 16:43	0644	✏️ ⬇
📜 sweetalert2.js	js	40.2 KB	09/03/23 16:43	0644	✏️ ⬇
📜 sweetalert2.min.js	js	17 KB	09/03/23 16:43	0644	✏️ ⬇
📜 table.fixed.js	js	1.2 KB	09/03/23 16:43	0644	✏️ ⬇
📜 ui.core.js	js	13.6 KB	09/03/23 16:43	0644	✏️ ⬇
📜 ui.datepicker.js	js	68.2 KB	09/03/23 16:43	0644	✏️ ⬇
📜 w3codecolors.js	js	12.6 KB	09/03/23 16:43	0644	✏️ ⬇
📜 wordcount.js	js	666 B	09/03/23 16:43	0644	✏️ ⬇

✏️ Rename

🔑 Ubah Permission