Shulou(Shulou.com)06/01 Report--

This article introduces the relevant knowledge of "the method of jsignature Chinese Development". In the operation of actual cases, many people will encounter such a dilemma. Next, let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

Note:

The latest version of this plug-in supports IE8. Please test it on the local server and do not open it directly, because some js file request protocols do not support windows local file protocol.

Differences between file:// and http requests

If you don't know how to request the difference of the protocol, please don't worry about it and test it on the local server directly.

Basically used the method.

$(document) .ready (function () {$("# signature") .jSignature ();})

If it's just quoted in html5.

Need browser to use

$(document) .ready (function () {$("# signature") .jSignature ();})

This compatibility problem is solved.

Methods:

The method name uses the method description clear.jSignature ("clear") to empty and reset the canvas getData.jSignature ("getData", "base30") to convert the canvas into a base64-encoded data string that can be saved as a string importData.jSignature ("importData", dataurl) in any database when the form is published or submitted. Update the existing jSignature canvas with the data URL extracted from the above getData method

Option parameters:

The parameter name indicates that the default value width defines the width of the canvas. There is no% or px value (the new version can use percentages and px suffixes) 250height defines the height of the canvas. There is no% or px value (the new version can use percentages and px suffixes) 150color defines the color of strokes on the canvas. Accept any color hexadecimal value # 000background-color to define the background color of the canvas. Accept any color hexadecimal value # ffflineWidth to define the thickness of the line. Accept any positive value (also the width of the brush on the horizontal line of the default canvas) 1cssclass defines the canvas's custom css class None

Import image data

After the canvas image is imported and saved to the database, the image can be easily displayed through its base64-encoded string

To do this with jQuery, you can use something similar

$("

") .attr (" src ", sig.jSignature ('getData',' base30')) .appendto (sig)

Or enter the data string directly from the server into the src attribute of img

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.