• Home
• com.github.gwtmaterialdesign
• gwt-material-addins
• 2.1-rc2
• source code
• MaterialSignaturePad.java

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

gwt.material.design.addins.client.signature.MaterialSignaturePad Maven / Gradle / Ivy

/*
 * #%L
 * GwtMaterial
 * %%
 * Copyright (C) 2015 - 2017 GwtMaterialDesign
 * %%
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * #L%
 */
package gwt.material.design.addins.client.signature;

import com.google.gwt.core.client.GWT;
import com.google.gwt.dom.client.CanvasElement;
import com.google.gwt.dom.client.Document;
import com.google.gwt.event.shared.HandlerRegistration;
import gwt.material.design.addins.client.MaterialAddins;
import gwt.material.design.addins.client.signature.events.HasSignatureHandlers;
import gwt.material.design.addins.client.signature.events.SignatureClearEvent;
import gwt.material.design.addins.client.signature.events.SignatureEndEvent;
import gwt.material.design.addins.client.signature.events.SignatureStartEvent;
import gwt.material.design.addins.client.signature.js.JsSignaturePadOptions;
import gwt.material.design.addins.client.signature.js.SignaturePad;
import gwt.material.design.client.MaterialDesignBase;
import gwt.material.design.client.base.MaterialWidget;
import gwt.material.design.client.base.viewport.ViewPort;
import gwt.material.design.client.base.viewport.WidthBoundary;

//@formatter:off

/**
 * HTML5 canvas based smooth signature drawing
 * 
XML Namespace Declaration
 * 
 * {@code xmlns:ma='urn:import:gwt.material.design.addins.client'}
 * 
 * 

 * 
UiBinder Usage:
 * 
 * {@code }
 *
 * @author kevzlou7979
 */
//@formatter:on
public class MaterialSignaturePad extends MaterialWidget implements HasSignaturePadOptions, HasSignatureHandlers {

    static {
        if (MaterialAddins.isDebug()) {
            MaterialDesignBase.injectDebugJs(MaterialSignaturePadDebugClientBundle.INSTANCE.signaturePadDebugJs());
        } else {
            MaterialDesignBase.injectJs(MaterialSignaturePadClientBundle.INSTANCE.signaturePadJs());
        }
    }


    public MaterialSignaturePad() {
        super(Document.get().createCanvasElement(), "signature-pad");
    }

    private SignaturePad signaturePad;
    private double dotSize = 1;
    private double lineMinWidth = 0.5;
    private double lineMaxWidth = 2.5;
    private int throttle = 16;
    private String penColor = "black";
    private double velocityFilterWeight = 0.7;

    @Override
    protected void initialize() {
        JsSignaturePadOptions options = new JsSignaturePadOptions();
        options.dotSize = dotSize;
        options.minWidth = lineMinWidth;
        options.maxWidth = lineMaxWidth;
        options.throttle = throttle;
        options.penColor = penColor;
        options.velocityFilterWeight = velocityFilterWeight;

        options.onBegin = () -> SignatureStartEvent.fire(this);
        options.onEnd = () -> SignatureEndEvent.fire(this);

        signaturePad = new SignaturePad(getElement(), options);

        ViewPort.when(new WidthBoundary(0, 5120)).then(param1 -> {
            CanvasElement element = getElement().cast();
            double ratio = getRatio();
            element.setWidth((int) (getOffsetWidth() * ratio));
            element.setHeight((int) (getOffsetHeight() * ratio));
            element.getContext2d().scale(ratio, ratio);
        });
    }

    protected static native double getRatio() /*-{
        return Math.max(window.devicePixelRatio || 1, 1);
    }-*/;

    @Override
    public void clear() {
        getSignaturePad().clear();
        SignatureClearEvent.fire(this);
    }

    @Override
    public boolean isEmpty() {
        return getSignaturePad().isEmpty();
    }

    @Override
    public void fromDataUrl(String url) {
        getSignaturePad().fromDataURL(url);
    }

    @Override
    public String toDataUrl() {
        return getSignaturePad().toDataURL();
    }

    public SignaturePad getSignaturePad() {
        if (signaturePad == null) {
            GWT.log("Please initialize the signature pad component");
        }
        return signaturePad;
    }

    public void setSignaturePad(SignaturePad signaturePad) {
        this.signaturePad = signaturePad;
    }

    @Override
    public double getDotSize() {
        return dotSize;
    }

    @Override
    public void setDotSize(double dotSize) {
        this.dotSize = dotSize;
        if (signaturePad != null) {
            signaturePad.dotSize = dotSize;
        }
    }

    @Override
    public double getLineMinWidth() {
        return lineMinWidth;
    }

    @Override
    public void setLineMinWidth(double lineMinWidth) {
        this.lineMinWidth = lineMinWidth;
        if (signaturePad != null) {
            signaturePad.minWidth = lineMinWidth;
        }
    }

    @Override
    public double getLineMaxWidth() {
        return lineMaxWidth;
    }

    @Override
    public void setLineMaxWidth(double lineMaxWidth) {
        this.lineMaxWidth = lineMaxWidth;
        if (signaturePad != null) {
            signaturePad.maxWidth = lineMaxWidth;
        }
    }

    @Override
    public int getThrottle() {
        return throttle;
    }

    @Override
    public void setThrottle(int throttle) {
        this.throttle = throttle;
        if (signaturePad != null) {
            signaturePad.throttle = throttle;
        }
    }

    @Override
    public String getPenColor() {
        return penColor;
    }

    @Override
    public void setPenColor(String penColor) {
        this.penColor = penColor;
        if (signaturePad != null) {
            signaturePad.penColor = penColor;
        }
    }

    @Override
    public double getVelocityFilterWeight() {
        return velocityFilterWeight;
    }

    @Override
    public void setVelocityFilterWeight(double velocityFilterWeight) {
        this.velocityFilterWeight = velocityFilterWeight;
        if (signaturePad != null) {
            signaturePad.velocityFilterWeight = velocityFilterWeight;
        }
    }

    @Override
    public HandlerRegistration addClearSignatureHandler(SignatureClearEvent.SignatureClearHandler handler) {
        return addHandler(handler, SignatureClearEvent.TYPE);
    }

    @Override
    public HandlerRegistration addBeginSignatureHandler(SignatureStartEvent.SignatureStartHandler handler) {
        return addHandler(handler, SignatureStartEvent.TYPE);
    }

    @Override
    public HandlerRegistration addEndSignatureHandler(SignatureEndEvent.SignatureEndHandler handler) {
        return addHandler(handler, SignatureEndEvent.TYPE);
    }
}