lang
="zh-cn"
>
>
>
手寫板簽名demotitle
); // 初始化jsignature外掛程式-設定橫線顏色
// $sigdiv.jsignature();// 初始化jsignature外掛程式-設定橫線粗細
// $sigdiv.jsignature();// 初始化jsignature外掛程式-去掉橫線
// $sigdiv.jsignature();// 初始化jsignature外掛程式-撤銷功能
// $sigdiv.jsignature(); // 初始化jsignature外掛程式-設定書寫範圍(大小)$(
"#yes").
click
(function()
);$(
"#download").
click
(function()
,async
:false
, success:
function
(data)
else}}
);}else})
;$("#reset").
click
(function()
);})
;script
>
head
>
>
"signature"
>
div>
style
="text-align
: center
">
style
="color
: red
">
請按著滑鼠寫字簽名。b
>
p>
type
="button"
value
="儲存"
id="yes"
/>
type
="button"
value
= id
="download"
/>
type
="button"
value
="重寫"
id="reset"
/>
"someelement"
>
src=""
id="images"
>
div>
body
>
html
>
<?php
/* base64格式編碼轉換為並儲存對應資料夾 */
$base64_content
=$_post
['src_data'];
// echo $base64_content;die;
//擷取資料為陣列
$base64_content
=explode
(','
,$base64_content);
//生成目錄:demo所在根目錄下
// $new_file = "./".date('ymd',time())."/";
$new_file
=date
('ymd'
,time()
)."/";if(
!file_exists
($new_file))
//檔案字尾名
$type
='png'
;//生成檔名:相對路徑
$new_file
=$new_file
.time()
.".$type";
//轉換為檔案if(
file_put_contents
($new_file
,base64_decode
($base64_content[1
])))
else
?>
1、前端**
$.
ajax(,
async:
false
, datatype:
'json'
, success:
function
(data)
else}}
);
2、後台base64.php
**
<?php
header
('content-type:text/html,charset=utf-8');
/* base64格式編碼轉換為並儲存對應資料夾 */
$base64_content
=$_post
['src_data'];
// echo $base64_content;die;
//擷取資料為陣列
$base64_content
=explode
(','
,$base64_content);
//生成目錄:demo所在根目錄下
// $new_file = "./".date('ymd',time())."/";
$new_file
=date
('ymd'
,time()
)."/";if(
!file_exists
($new_file))
//檔案字尾名
$type
='png'
;//生成檔名:相對路徑
$new_file
=$new_file
.time()
.".$type";
if(file_put_contents
($new_file
,base64_decode
($base64_content[1
])))
else
3、後台download.php
**
<?php
header
('content-type:text/html,charset=utf-8');
// ob_end_clean();//清除快取以免亂碼出現
// echo 1111;die;
$new_file
=$_get
['url'];
// var_dump($new_file);die;
header (
"cache-control: max-age=0");
header (
"content-description: file transfer");
header (
'content-disposition: attachment; filename='
.basename
($new_file))
;//檔名
header ();
//檔案格式:png
header (
"content-transfer-encoding: binary");
// 告訴瀏覽器,這是二進位制檔案
header (
'content-length: '
. filesize (
$new_file))
;//告訴瀏覽器,檔案大小
@readfile (
$new_file);
//輸出檔案;
?>
jQuery簽名外掛程式jSignature
1.引入jsignature.min.js和jquery.min.js檔案 2.html 3.js 1 初始化畫布 signature jsignature decor color red 設定橫線顏色 linewidth 6 設定橫線粗細 decor color transparent 去掉橫線 ...
jSignature手寫簽名的實現
jsignature.js是實現手寫簽名的外掛程式,由於jsignature.js是基於jquery的,所以使用時需要先引入jquery。切記!具體使用方法如下 第二步,引入jquery 和 jsignature.js 第三步,生成html結構 div id signature style heig...
UIGestureRecognizer手勢識別
uigesturerecognizer 繼承於 nsobject 共有七種手勢 即 1.uipinchgesturerecognizer 捏合手勢 2.uitapgesturerecognizer 輕拍手勢 3.uirotationgesturerecognizer 旋轉手勢 4.uiswipege...