Explorar o código

签名画板高分辨率加载bug及画笔加粗

laiguoran %!s(int64=2) %!d(string=hai) anos
pai
achega
74d808193a
Modificáronse 2 ficheiros con 19 adicións e 2 borrados
  1. 1 1
      app/public/js/draw.js
  2. 18 1
      app/view/sign/info.ejs

+ 1 - 1
app/public/js/draw.js

@@ -33,7 +33,7 @@ function Draw(canvas, degree, config = {}) {
     canvas.height = height;
   }
 
-  context.lineWidth = 6;
+  context.lineWidth = 8;
   context.strokeStyle = 'black';
   context.lineCap = 'round';
   context.lineJoin = 'round';

+ 18 - 1
app/view/sign/info.ejs

@@ -3,8 +3,25 @@
 
 <head>
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <!--<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">-->
     <meta http-equiv="x-ua-compatible" content="ie=edge">
+    <!--<script>-->
+        <!--var deviceWidth = parseInt(window.screen.width);  //获取当前设备的屏幕宽度-->
+        <!--var deviceScale = deviceWidth / 640;  //得到当前设备屏幕与640之间的比例,之后我们就可以将网页宽度固定为640px-->
+        <!--var ua = navigator.userAgent;-->
+        <!--//获取当前设备类型(安卓或苹果)-->
+        <!--if (/Android (\d+\.\d+)/.test(ua)) {-->
+            <!--var version = parseFloat(RegExp.$1);-->
+            <!--if (version > 2.3) {-->
+                <!--document.write('<meta name="viewport" content="width=640,initial-scale=' + deviceScale + ', minimum-scale = ' + deviceScale + ', maximum-scale = ' + deviceScale + ', target-densitydpi=device-dpi">');-->
+            <!--} else {-->
+                <!--document.write('<meta name="viewport" content="width=640,initial-scale=0.75,maximum-scale=0.75,minimum-scale=0.75,target-densitydpi=device-dpi" />');-->
+            <!--}-->
+        <!--} else {-->
+            <!--document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">');-->
+        <!--}-->
+    <!--</script>-->
     <title>签字-计量支付</title>
     <style>
         #app {