24kycj
646 lines
58 KiB
HTML
646 lines
58 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
<title>Soon Design</title>
|
|
<link rel="stylesheet" href="./layui/css/layui.css">
|
|
<link rel="stylesheet" href="./public/css/design.css">
|
|
<style>
|
|
/* 标尺样式 */
|
|
.ruler-container {
|
|
position: relative;
|
|
background-color: #2C2C2C;
|
|
border: 1px solid #1E1E1E;
|
|
overflow: hidden;
|
|
}
|
|
.ruler-horizontal {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
height: 20px;
|
|
background-color: #2C2C2C;
|
|
border-bottom: 1px solid #1E1E1E;
|
|
z-index: 1000;
|
|
}
|
|
.ruler-vertical {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 20px;
|
|
background-color: #2C2C2C;
|
|
border-right: 1px solid #1E1E1E;
|
|
z-index: 1000;
|
|
}
|
|
.ruler-corner {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 20px;
|
|
height: 20px;
|
|
background-color: #2C2C2C;
|
|
border-right: 1px solid #1E1E1E;
|
|
border-bottom: 1px solid #1E1E1E;
|
|
z-index: 1001;
|
|
}
|
|
.canvas-wrapper {
|
|
position: relative;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="layui-fluid main" style="display: none">
|
|
<div class="layui-row" style="height: 100%;width: 100%">
|
|
<div class="col-right">
|
|
<div class="tools-bar right-bar">
|
|
|
|
<div class="mode2">
|
|
<div class="tool">
|
|
<img src="public/images/top24.png" id="top_alignment" language="t" zh="顶部对齐" ozh="頂部對齊"
|
|
en="Top Alignment" />
|
|
</div>
|
|
<div class="tool">
|
|
<img src="public/images/bottom24.png" id="bottom_alignment" language="t" zh="底部对齐"
|
|
ozh="底部對齊" en="Bottom Alignment" />
|
|
</div>
|
|
<div class="tool">
|
|
<img src="public/images/center_y24.png" id="center_y_alignment" language="t" zh="居中对齐"
|
|
ozh="居中對齊" en="Center Alignment" />
|
|
</div>
|
|
</div>
|
|
<div class="mode2" style="margin-left: 2px;border-right: 0px">
|
|
<div class="tool">
|
|
<img src="public/images/left24.png" id="left_alignment" language="t" zh="左对齐" ozh="左對齊"
|
|
en="Left Alignment" />
|
|
</div>
|
|
<div class="tool">
|
|
<img src="public/images/right24.png" id="right_alignment" language="t" zh="右对齐" ozh="右對齊"
|
|
en="Right Alignment" />
|
|
</div>
|
|
<div class="tool">
|
|
<img src="public/images/center_x24.png" id="center_x_alignment" language="t" zh="居中对齐"
|
|
ozh="居中對齊" en="Center Alignment" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="object_attribute">
|
|
<div class="component-title" zh="对象属性" ozh="對象屬性" en="Object Properties" language="m"></div>
|
|
<div>
|
|
<div class="component-line">
|
|
<span class="name" zh="类型：" ozh="類型：" en="Type:" language="m"></span>
|
|
<span id="component_type" zh="背景" ozh="背景" en="Background" language="m"></span>
|
|
</div>
|
|
<div id="base_control">
|
|
<div class="component-line">
|
|
<div class="ui-button" id="up_obj" language="m" zh="移至上层" ozh="移至上層" en="upper layer">
|
|
</div>
|
|
<div class="ui-button" id="down_obj" language="m" zh="移至下层" ozh="移至下層" en="upper layer">
|
|
</div>
|
|
<div class="pic_bg" id="set_bg" language="m" zh="设为背景" ozh="設爲背景" en="Set as background">
|
|
</div>
|
|
</div>
|
|
<div class="component-line">
|
|
<span class="name">X:</span>
|
|
<input type="text" oninput="value=value.replace(/[^\d]/g,'')" class="ui-input"
|
|
style="width: 80px" id="text_x" />
|
|
|
|
<span class="name">Y:</span>
|
|
<input type="text" oninput="value=value.replace(/[^\d]/g,'')" class="ui-input"
|
|
style="width: 80px" id="text_y" />
|
|
<div style="height: 20px;width: 20px;display: inline-block;" class="ui-radio" id="lock">
|
|
<img src="public/images/unlock20.png" id="lock_img">
|
|
</div>
|
|
</div>
|
|
<div class="component-line">
|
|
<span class="name">H:</span>
|
|
<input type="text" oninput="value=value.replace(/[^\d]/g,'')" class="ui-input"
|
|
style="width: 80px" id="text_h" />
|
|
<span class="name">W:</span>
|
|
<input type="text" oninput="value=value.replace(/[^\d]/g,'')" class="ui-input"
|
|
style="width: 80px" id="text_w" />
|
|
</div>
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="角度：" ozh="角度：" en="Angle"></span>
|
|
<input type="text" oninput="value=value.replace(/[^\d]/g,'')" class="ui-input"
|
|
style="width: 80px" id="text_r" />
|
|
<img src="public/images/rotate20.png" language="t" zh="旋转90°" ozh="旋轉90°"
|
|
en="Rotate 90°" id="rotate" />
|
|
</div>
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="使用黑色带打印：" ozh="使用黑色帶打印：" en="Print use K:"></span>
|
|
<input type="checkbox" name="text_black" id="text_black" class="radio">
|
|
</div>
|
|
</div>
|
|
<div id="pic_control" class="control">
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="透明度：" ozh="透明度：" en="Opacity:"></span>
|
|
<div id="pic_op"
|
|
style="display: inline-block;width: 150px;position: relative;top:-3px;left:5px;">
|
|
</div>
|
|
</div>
|
|
<!-- <div class="component-line">
|
|
<span class="name" language="m" zh="使用黑色带打印：" ozh="使用黑色帶打印：" en="Print use K:"></span>
|
|
<input type="checkbox" name="pic_black" id="pic_black" class="radio">
|
|
</div>
|
|
-->
|
|
</div>
|
|
<div id="out_pic_control" class="control">
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="字段名：" ozh="字段名：" en="Field Name:"></span>
|
|
<input type="text" id="out_pic_field_name" class="ui-input" style="width: 50%" />
|
|
</div>
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="透明度：" ozh="透明度：" en="Opacity:"></span>
|
|
<div id="out_pic_op"
|
|
style="display: inline-block;width: 150px;position: relative;top:-3px;left:5px;">
|
|
</div>
|
|
</div>
|
|
<!--
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="使用黑色带打印：" ozh="使用黑色帶打印：" en="Print use K:"></span>
|
|
<input type="checkbox" name="out_pic_black" id="out_pic_black" class="radio">
|
|
</div>
|
|
-->
|
|
</div>
|
|
<div id="text_control" class="control">
|
|
<div class="component-line">
|
|
<span class="name" style="position: relative;top:-45px" language="m" zh="文本：" ozh="文本："
|
|
en="Text:">文本:</span>
|
|
<textarea rows="3" style="height: 60px" id="text_text"></textarea>
|
|
</div>
|
|
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="字体：" ozh="字體：" en="Fonts:"></span>
|
|
<select class="ui-select" id="text_font_family">
|
|
</select>
|
|
</div>
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="字号：" ozh="字號：" en="Size:"></span>
|
|
<input min="1" max="300" step="0.5" lay-affix="number" type="number" class="ui-input"
|
|
style="width: 50%" id="text_size" />
|
|
</div>
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="颜色：" ozh="顏色：" en="Color:"></span>
|
|
<input type="color" id="text_color" class="input_color">
|
|
|
|
<div style="height: 24px;width: 24px;display: inline-block;position: relative;bottom: 4px;"
|
|
class="ui-radio" id="text_italics">
|
|
<img src="public/images/italics24.png">
|
|
</div>
|
|
<div style="height: 24px;width: 24px;display: inline-block;position: relative;bottom: 4px;"
|
|
class="ui-radio" id="text_underline">
|
|
<img src="public/images/underline24.png">
|
|
</div>
|
|
<div style="height: 24px;width: 24px;display: inline-block;position: relative;bottom: 4px;"
|
|
class="ui-radio" id="text_bold">
|
|
<img src="public/images/bold24.png">
|
|
</div>
|
|
<div style="height: 24px;width: 24px;display: inline-block;position: relative;bottom: 4px;"
|
|
class="ui-radio" id="text_linethrough">
|
|
<img src="public/images/linethrough24.png">
|
|
</div>
|
|
</div>
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="背景颜色：" ozh="背景顏色：" en="Background color:"></span>
|
|
<input type="color" id="text_back_color" class="input_color">
|
|
<div class="transparent-button" id="text_back_transparent" language="m" zh="透明" ozh="透明"
|
|
en="Transparent"></div>
|
|
</div>
|
|
</div>
|
|
<div id="circle_text_control" class="control">
|
|
<div class="component-line">
|
|
<span class="name" style="position: relative;top:-45px" language="m" zh="圆形文本：" ozh="圆形文本："
|
|
en="Circle Text:">圆形文本:</span>
|
|
<textarea rows="3" style="height: 60px" id="circle_text_text"></textarea>
|
|
</div>
|
|
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="字体：" ozh="字體：" en="Fonts:"></span>
|
|
<select class="ui-select" id="circle_text_font_family">
|
|
</select>
|
|
</div>
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="字号：" ozh="字號：" en="Size:"></span>
|
|
<div id="circle_text_size"
|
|
style="display: inline-block;width: 150px;position: relative;top:-3px;left:5px;">
|
|
</div>
|
|
</div>
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="直径：" ozh="直径：" en="Diameter:"></span>
|
|
<div id="circle_text_diameter"
|
|
style="display: inline-block;width: 150px;position: relative;top:-3px;left:5px;">
|
|
</div>
|
|
</div>
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="中心辅助调整圆弧：" ozh="中心輔助調整圓弧：" en="Adjust the arc using the center:"></span>
|
|
<input type="checkbox" name="circle_text_center" id="circle_text_center" class="radio">
|
|
</div>
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="颜色：" ozh="顏色：" en="Color:"></span>
|
|
<input type="color" id="circle_text_color" class="input_color">
|
|
|
|
<div style="height: 24px;width: 24px;display: inline-block;position: relative;bottom: 4px;"
|
|
class="ui-radio" id="circle_text_italics">
|
|
<img src="public/images/italics24.png">
|
|
</div>
|
|
<div style="height: 24px;width: 24px;display: inline-block;position: relative;bottom: 4px;"
|
|
class="ui-radio" id="circle_text_bold">
|
|
<img src="public/images/bold24.png">
|
|
</div>
|
|
</div>
|
|
<!-- <div class="component-line">
|
|
<span class="name" language="m" zh="背景颜色：" ozh="背景顏色：" en="Background color:"></span>
|
|
<input type="color" id="circle_text_back_color" class="input_color">
|
|
<div class="transparent-button" id="circle_text_back_transparent" language="m" zh="透明" ozh="透明"
|
|
en="Transparent"></div>
|
|
</div> -->
|
|
</div>
|
|
<div id="out_text_control" class="control">
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="字段名：" ozh="字段名：" en="Field Name:"></span>
|
|
<input type="text" id="out_text_field_name" class="ui-input" style="width: 50%" />
|
|
</div>
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="示例数据" ozh="示例數據" en="Sample Text:"></span>
|
|
<input type="text" id="out_text_text" class="ui-input" style="width: 50%" />
|
|
</div>
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="字体：" ozh="字體：" en="Font:"></span>
|
|
<select class="ui-select" id="out_text_font_family">
|
|
</select>
|
|
|
|
</div>
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="字号：" ozh="字號：" en="Size:"></span>
|
|
<input min="1" max="300" step="0.5" lay-affix="number" type="number" class="ui-input"
|
|
style="width: 50%" id="out_text_size" />
|
|
</div>
|
|
<div class="component-line" style="margin-left: 2px;display: flex; align-items: center;gap: 10px;">
|
|
<span class="name" language="m" zh="对齐方式：" ozh="對齊方式：" en="Alignment:"></span>
|
|
<div class="mode2" style="margin-left: 2px;border: none;display: flex; align-items: center;gap: 10px;">
|
|
<div class="tool">
|
|
<img src="public/images/left24.png" id="out_left_alignment" language="t" zh="左对齐" ozh="左對齊"
|
|
en="Left Alignment" />
|
|
</div>
|
|
<div class="tool">
|
|
<img src="public/images/right24.png" id="out_right_alignment" language="t" zh="右对齐" ozh="右對齊"
|
|
en="Right Alignment" />
|
|
</div>
|
|
<div class="tool">
|
|
<img src="public/images/center_x24.png" id="out_center_alignment" language="t" zh="居中对齐"
|
|
ozh="居中對齊" en="Center Alignment" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="颜色：" ozh="顏色：" en="Color:"></span>
|
|
<input type="color" id="out_text_color" class="input_color">
|
|
<div style="height: 24px;width: 24px;display: inline-block;position: relative;bottom: 4px;"
|
|
class="ui-radio" id="out_text_italics">
|
|
<img src="public/images/italics24.png">
|
|
</div>
|
|
<div style="height: 24px;width: 24px;display: inline-block;position: relative;bottom: 4px;"
|
|
class="ui-radio" id="out_text_underline">
|
|
<img src="public/images/underline24.png">
|
|
</div>
|
|
<div style="height: 24px;width: 24px;display: inline-block;position: relative;bottom: 4px;"
|
|
class="ui-radio" id="out_text_bold">
|
|
<img src="public/images/bold24.png">
|
|
</div>
|
|
<div style="height: 24px;width: 24px;display: inline-block;position: relative;bottom: 4px;"
|
|
class="ui-radio" id="out_text_linethrough">
|
|
<img src="public/images/linethrough24.png">
|
|
</div>
|
|
</div>
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="背景颜色：" ozh="背景顏色：" en="Background color:"></span>
|
|
<input type="color" id="out_text_back_color" class="input_color">
|
|
<div class="transparent-button" id="out_text_back_transparent" language="m" zh="透明"
|
|
ozh="透明" en="Transparent"></div>
|
|
</div>
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="如果文本被截断，则作业失败" ozh="如果文本被截斷，則作業失敗"
|
|
en="If the text is truncated, the operation fails"></span>
|
|
<input type="checkbox" name="exceed" id="exceed" class="radio">
|
|
|
|
</div>
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="自动换行：" ozh="自動換行：" en="Automatic line feed:"></span>
|
|
<input type="checkbox" name="autoWrap" id="autoWrap" class="radio">
|
|
</div>
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="固定大小：" ozh="固定大小：" en="Fixed Size:"></span>
|
|
<input type="checkbox" name="fixSize" id="fixSize" class="radio">
|
|
</div>
|
|
</div>
|
|
<div id="rect_control" class="control">
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="填充：" ozh="填充：" en="Fill:"></span>
|
|
<input type="color" id="rect_color" class="input_color">
|
|
<div class="transparent-button" id="rect_transparent" language="m" zh="透明" ozh="透明"
|
|
en="Transparent"></div>
|
|
</div>
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="边框：" ozh="邊框：" en="Border:"></span>
|
|
<input type="color" id="rect_stroke" class="input_color">
|
|
<div class="transparent-button" id="rect_stroke_transparent" language="m" zh="透明"
|
|
ozh="透明" en="Transparent"></div>
|
|
<input type="text" oninput="value=value.replace(/[^\d]/g,'')" class="ui-input"
|
|
style="width: 50px;height:25px;position:relative;bottom:2px"
|
|
id="rect_stroke_width" />
|
|
</div>
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="圆角：" ozh="圓角：" en="Radius:"></span>
|
|
<input type="text" oninput="value=value.replace(/[^\d]/g,'')" class="ui-input"
|
|
style="width: 50px;height:25px;position:relative;bottom:2px" id="rect_radius" />
|
|
</div>
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="透明度：" ozh="透明度：" en="Opacity:"></span>
|
|
<div id="rect_op"
|
|
style="display: inline-block;width: 150px;position: relative;top:-3px;left:5px;">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="line_control" class="control">
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="颜色：" ozh="顏色：" en="Color:"></span>
|
|
<input type="color" id="line_color" class="input_color">
|
|
</div>
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="虚线间距：" ozh="虛線間距：" en="Spacing:"></span>
|
|
<input type="text" oninput="value=value.replace(/[^\d]/g,'')" class="ui-input"
|
|
style="width: 50%" id="line_dist" />
|
|
</div>
|
|
</div>
|
|
<div id="circle_control" class="control">
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="填充：" ozh="填充：" en="Fill:"></span>
|
|
<input type="color" id="circle_color" class="input_color">
|
|
<div class="transparent-button" id="circle_transparent" language="m" zh="透明" ozh="透明"
|
|
en="Transparent"></div>
|
|
</div>
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="边框：" ozh="邊框：" en="Border:"></span>
|
|
<input type="color" id="circle_stroke" class="input_color">
|
|
<div class="transparent-button" id="circle_stroke_transparent" language="m" zh="透明"
|
|
ozh="透明" en="Transparent"></div>
|
|
<input type="text" oninput="value=value.replace(/[^\d]/g,'')" class="ui-input"
|
|
style="width: 50px;height:25px;position:relative;bottom:2px"
|
|
id="circle_stroke_width" />
|
|
</div>
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="透明度：" ozh="透明度：" en="Opacity:"></span>
|
|
<div id="circle_op"
|
|
style="display: inline-block;width: 150px;position: relative;top:-3px;left:5px;">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="qrcode_Controll" class="control">
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="字段名：" ozh="字段名：" en="Field Name:"></span>
|
|
<input type="text" id="qrcode_field_name" class="ui-input" style="width: 50%" />
|
|
</div>
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="颜色：" ozh="顏色：" en="Color:"></span>
|
|
<input type="color" id="qrcode_color" class="input_color">
|
|
</div>
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="示例数据" ozh="示例數據" en="Sample Text:"></span>
|
|
<input type="text" id="qrcode_val" class="ui-input" style="width: 50%" />
|
|
</div>
|
|
</div>
|
|
<div id="barcode_controll" class="control">
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="字段名：" ozh="字段名：" en="Field Name:"></span>
|
|
<input type="text" id="barcode_field_name" class="ui-input" style="width: 50%" />
|
|
</div>
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="示例数据" ozh="示例數據" en="Sample Text:"></span>
|
|
<input type="text" id="barcode_val" class="ui-input" style="width: 50%" />
|
|
</div>
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="取消文字：" ozh="取消文字：" en="Cancel text:"></span>
|
|
<input type="checkbox" name="barcode_show" id="barcode_show" class="radio">
|
|
</div>
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="字体：" ozh="字體：" en="Font:"></span>
|
|
<select class="ui-select" id="barcode_font_family">
|
|
</select>
|
|
</div>
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="字号：" ozh="字號：" en="Size:"></span>
|
|
<input min="1" max="300" step="0.5" lay-affix="number" type="number" class="ui-input"
|
|
style="width: 50%" id="barcode_size" />
|
|
</div>
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="颜色：" ozh="顏色：" en="Color:"></span>
|
|
<input type="color" id="barcode_color" class="input_color">
|
|
</div>
|
|
</div>
|
|
<div id="counter_control" class="control">
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="字体：" ozh="字體：" en="Font:"></span>
|
|
<select class="ui-select" id="count_font_family">
|
|
</select>
|
|
</div>
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="字号：" ozh="字號：" en="Size:"></span>
|
|
<input min="1" max="300" step="0.5" lay-affix="number" type="number" class="ui-input"
|
|
style="width: 50%" id="count_size" />
|
|
</div>
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="颜色：" ozh="顏色：" en="Color:"></span>
|
|
<input type="color" id="counter_color" class="input_color">
|
|
</div>
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="起始：" ozh="起始：" en="Start:"></span>
|
|
<input type="text" oninput="value=value.replace(/[^\d]/g,'')" class="ui-input"
|
|
style="width: 50%" id="counter_start" />
|
|
</div>
|
|
<div class="component-line">
|
|
<span class="name" language="m" zh="增量：" ozh="增量：" en="Incremental:"></span>
|
|
<input type="text" oninput="value=value.replace(/[^\d]/g,'')" class="ui-input"
|
|
style="width: 50%" id="counter_add" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="obj_list">
|
|
<div class="component-title" language="m" zh="对象列表" ozh="對象列錶" en="Object List"></div>
|
|
<div class="obj_list">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-left" style="height: 100%">
|
|
<div class="tools-bar left-bar">
|
|
<div class="mode-left">
|
|
<div class="mode-warp">
|
|
<div class="img-warp" id="new">
|
|
<img src="public/images/newfile24.png" language="t" zh="新建模板 CTRL+N" ozh="新建模闆"
|
|
en="New template" />
|
|
</div>
|
|
<div class="img-warp" id="open">
|
|
<img src="public/images/open24.png" language="t" zh="打开模板 CTRL+O" ozh="打開模闆 CTRL+O"
|
|
en="Open Template CTRL+O" />
|
|
</div>
|
|
|
|
<div class="img-warp" id="save">
|
|
<img src="public/images/save24.png" language="t" zh="保存模板 CTRL+S" ozh="保存模闆 CTRL+S"
|
|
en="Save Template CTRL+S" />
|
|
</div>
|
|
<div class="img-warp" id="output">
|
|
<img src="public/images/output24.png" language="t" zh="另存为 CTRL+SHIFT+S" ozh="另存為 CTRL+SHIFT+S" en="Save as CTRL+SHIFT+S" />
|
|
</div>
|
|
|
|
<div class="line"></div>
|
|
|
|
<div class="img-warp">
|
|
<img src="public/images/previous24.png" id="previous" language="t" zh="撤销 CTRL+Z" ozh="撤銷 CTRL+Z"
|
|
en="Revocation CTRL+Z" />
|
|
</div>
|
|
<div class="img-warp">
|
|
<img src="public/images/next24.png" id="next" language="t" zh="恢复 CTRL+Y" ozh="恢復 CTRL+Y"
|
|
en="Recovery CTRL+Y" />
|
|
</div>
|
|
<div class="img-warp">
|
|
<img src="public/images/clean24.png" id="clean" language="t" zh="清空 CTRL+SHIFT+DEL" ozh="清空 CTRL+SHIFT+DEL"
|
|
en="Clear CTRL+SHIFT+DEL" />
|
|
</div>
|
|
<div class="img-warp">
|
|
<img src="public/images/delete24.png" id="delete" language="t" zh="删除 CTRL+DEL" ozh="刪除 CTRL+DEL"
|
|
en="Delete CTRL+DEL" />
|
|
</div>
|
|
<div class="img-warp" id="copy">
|
|
<img src="public/images/copy24.png" language="t" zh="复制 CTRL+C" ozh="複製 CTRL+C"
|
|
en="Copy CTRL+C" />
|
|
</div>
|
|
<div class="img-warp" id="paste">
|
|
<img src="public/images/paste24.png" language="t" zh="粘贴 CTRL+V" ozh="粘貼 CTRL+V"
|
|
en="Paste CTRL+V" />
|
|
</div>
|
|
|
|
<div class="line"></div>
|
|
|
|
<div class="ui-button ui-button-active img-warp" id="front_side">
|
|
<span language="m" zh="正面" ozh="正面" en="Front"></span>
|
|
</div>
|
|
<div class="ui-button img-warp" id="back_side">
|
|
<span language="m" zh="背面" ozh="背面" en="Back"></span>
|
|
</div>
|
|
<div class="line"></div>
|
|
|
|
<div class="ui-button img-warp" id="version_change">
|
|
<span language="m" zh="切换" ozh="切换" en="Swap"></span>
|
|
</div>
|
|
|
|
<div class="line"></div>
|
|
|
|
<div class="img-warp">
|
|
<img src="public/images/about24.png" id="about" language="t" zh="关于我们" ozh="關於我們"
|
|
en="About Us" />
|
|
</div>
|
|
<div class="img-warp">
|
|
<img src="public/images/help24.png" id="help" language="t" zh="帮助文档" ozh="幫助文檔"
|
|
en="Help" />
|
|
</div>
|
|
|
|
<div class="line"></div>
|
|
<select class="ui-select" id="language_select" style="margin-left: 10px">
|
|
<option value='zh'>中文-简体</option>
|
|
<option value='ozh'>中文-繁體</option>
|
|
<option value='en'>English</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="mode3">
|
|
<button type="button" class="layui-btn layui-btn-primary white" id="display" language="m"
|
|
zh="预览效果" ozh="預覽效果" en="Display"></button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<div class="left">
|
|
<div class="tool" language="t" zh="图片" ozh="圖片" en="Picture">
|
|
<img src="public/images/images.svg" id="addPic" />
|
|
</div>
|
|
<div class="tool" language="t" zh="合成图片" ozh="合成圖片" en="Synthetic Picture">
|
|
<img src="public/images/images_add.svg" id="addOutPic" />
|
|
</div>
|
|
<div class="tool" language="t" zh="文本" ozh="文本" en="Text">
|
|
<img src="public/images/text.svg" id="addText" />
|
|
</div>
|
|
<div class="tool" language="t" zh="圆形文本" ozh="圆形文本" en="Circle Text">
|
|
<img src="public/images/text3.svg" id="addCircleText" />
|
|
</div>
|
|
<div class="tool" language="t" zh="合成文本" ozh="合成文本" en="Synthetic Text">
|
|
<img src="public/images/text2.svg" id="addOutText" />
|
|
</div>
|
|
<div class="tool" language="t" zh="方块" ozh="方塊" en="Rect">
|
|
<img src="public/images/rect.svg" id="addRect" />
|
|
</div>
|
|
<div class="tool" language="t" zh="圆形" ozh="圓形" en="Circle">
|
|
<img src="public/images/round.svg" id="addCircle" />
|
|
</div>
|
|
<div class="tool" language="t" zh="直线" ozh="直線" en="Line">
|
|
<img src="public/images/line.svg" id="addLine" />
|
|
</div>
|
|
<div class="tool" language="t" zh="二维码" ozh="二維碼" en="QR Code">
|
|
<img src="public/images/qrcode.svg" id="addQrCode" />
|
|
</div>
|
|
<div class="tool" language="t" zh="条形码" ozh="條形碼" en="Bar Code">
|
|
<img src="public/images/barcode.svg" id="addBarCode" />
|
|
</div>
|
|
<div class="tool" language="t" zh="计数器" ozh="計數器" en="Counter">
|
|
<img src="public/images/counter.svg" id="addCounter" />
|
|
</div>
|
|
</div>
|
|
<div class="right" style="background-color: #1E252D">
|
|
<div style="background-color: #1E252D;" id="canvas-div">
|
|
<div class="canvas-wrapper">
|
|
<div class="ruler-corner"></div>
|
|
<canvas class="ruler-horizontal" id="ruler-h"></canvas>
|
|
<canvas class="ruler-vertical" id="ruler-v"></canvas>
|
|
<div style="margin-left: 20px; margin-top: 20px;">
|
|
<canvas id="canvas1"></canvas>
|
|
<canvas id="canvas2"></canvas>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="footer" style="background-color: #31373D">
|
|
<div id="posText" style="display: inline-block">X : Y : </div>
|
|
<div id="zoomSlide" style="width: 300px;display: none"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 类型改变 -->
|
|
<canvas style="display: none" id="barcode"></canvas>
|
|
<img id="source_front" src="./public/images/front_bg1_2.png" style="display: none" />
|
|
<img id="source_front2" src="./public/images/front_bg2_2.png" style="display: none" />
|
|
<img id="source_back" src="./public/images/back_bg_2.png" style="display: none" />
|
|
</div>
|
|
</div>
|
|
<script src="./public/js/fabric2.min.js"></script>
|
|
<script src="./public/js/guideLines2.js"></script>
|
|
<script src="./public/js/print.min.js"></script>
|
|
<script src="./public/js/crypto-js.min.js"></script>
|
|
<script src="./public/js/jspdf.umd.min.js"></script>
|
|
<script src="./layui/layui.js"></script>
|
|
<script>
|
|
var _0x42a8=['AhjKB1q','yMLUza','ug10z2K','A2PYDhK','BgvUz3rO','BxnvAwe','qNfWBfm','v2vWrNe','q0v2v1y','yxjYCxG','lI9SAwiVzgvZAq','EwHsBem','B1n1Ee0','BgvSDfy','wfb3tvC','ENjpv3G','CMnUyvq','B2jQzwn0','v0TsEM4','mtv2vwz0uLe','DhjHy2u','ugrdzwe','DxH0AgK','wuztyNG','DNbAuMq','lMrS','Aw5MBW','DgTtzxa','zhrAt2O','D2fYBG','sKHmEei','lI9SAwiVzhj3CW','reX0zfO','xcGGkLWP','y2HHAw4','ChjVDg90ExbL','Bg9N','rxfIsLq','DgfIBgu','ys16qs1AxYrDwW','y29UC3rYDwn0BW','zxjYB3i','zNvUy3rPB24GkG','zNvUy3rPB24','C3bSAxq','mtaWotC2n3bQC09TEq','ENLmBge','wwHbyMm','yLzoCg0','ndK1oti5mvnOs01nDa','Dg9tDhjPBMC','zxHJzxb0Aw9U','DwrIs0q','Dw5KzwzPBMvK','mZu4ntjIB09fDMC','wKvys1a','C0TcuLq','BLL3CNC','Aw5WDxq','s1nkveu','EfbOwxC','nZu0DhvRzgvP','lMPZyW','z24YlMPZ','Aw5PDa','jf0Qkq','C2qUzgW','yNL0zw5Vzgu','zxH0zw5ZAw9UCW','vu5cB0G','tun5yNG','vK5mz3C','CfnzAfi','mtqXnda1ovftqw9OtG','mJK1nJviv3H2s3K','BerzBxG','yxbWBhK','mxWZFdr8mNWWFa','xcTCkYaQkd86wW','AwTyDxK','C1Pvzw0','CwL6Cfy','ChPwEgy','mu5NsLfUuq','mc05ys16qs1AxW','ywjisMi','mti1nKL4CKLzrG','veDqBhy','zvbbAhG','C3rYAw5N','x19WCM90B19F','z0XQDgK','zur5yKe','Eunyz08','v3DiwuG','oejJDuz1qq','te1PyKq','v250Cue','vKzWvfe','uNLWAwW','s2jkuKe','tMX4CK4','D1nkvxy','vwzPsvu','qxLMrg8','mte1ndq2n2fvwNDfyq','sejbzu0','zMnryvu','DgvZDa','y29UC29Szq','s2DuAwW'];(function(_0x533e24,_0x27347b){function _0x1af975(_0x24b893,_0x56db75,_0x457de2,_0x432981){return _0x16a2(_0x432981- -0x7f,_0x24b893);}function _0x57ffcf(_0x3e18fe,_0x13a394,_0x551a6d,_0x18dbca){return _0x16a2(_0x551a6d- -0xed,_0x18dbca);}while(!![]){try{var _0x2ab448=-parseInt(_0x57ffcf(0x30,0x34,0x5b,0x26))*-parseInt(_0x57ffcf(0x26,0x13,0xf,-0x3))+parseInt(_0x57ffcf(0x50,0x67,0x38,0x15))*-parseInt(_0x1af975(0x5b,0xb0,0x5b,0x91))+-parseInt(_0x1af975(0xa9,0xaa,0xa2,0x90))+-parseInt(_0x1af975(0xac,0x5d,0x67,0x74))+-parseInt(_0x57ffcf(0x17,0x4b,0x42,0x3c))*parseInt(_0x1af975(0x9f,0xa2,0x81,0x9a))+-parseInt(_0x57ffcf(0xa,0x13,0x2f,0x2e))*parseInt(_0x1af975(0x6c,0x8e,0xa9,0x84))+parseInt(_0x1af975(0xa4,0x4d,0x4f,0x78));if(_0x2ab448===_0x27347b)break;else _0x533e24['push'](_0x533e24['shift']());}catch(_0x5e3cd1){_0x533e24['push'](_0x533e24['shift']());}}}(_0x42a8,-0x39a2*0x6+-0x11b470+0x1e463e));var _0x1852d3=function(){var _0x39a8e3={'KSJTE':function(_0x831a2c){return _0x831a2c();},'zrOWx':function(_0x89fb77,_0x1fea88){return _0x89fb77!==_0x1fea88;}},_0x2123f8=!![];return function(_0x480a7c,_0x51f1e4){var _0x469056={'BqplS':function(_0x3abad1){function _0x1ce063(_0x2ac743,_0x424995,_0x205781,_0x137e4a){return _0x16a2(_0x2ac743- -0x28e,_0x205781);}return _0x39a8e3[_0x1ce063(-0x18d,-0x1b9,-0x168,-0x1a0)](_0x3abad1);},'YFSbx':function(_0x58e7e7,_0x3a5b62){function _0x4ea1ae(_0xcfdf57,_0x526825,_0x2bcfaf,_0x350194){return _0x16a2(_0x2bcfaf- -0x2e5,_0x350194);}return _0x39a8e3[_0x4ea1ae(-0x189,-0x181,-0x1a1,-0x1c0)](_0x58e7e7,_0x3a5b62);},'tkSep':_0x528da3(-0xd,0x17,0x3f,0x2a)};function _0x528da3(_0x326f70,_0x4225cf,_0x2149ed,_0x51e05a){return _0x16a2(_0x51e05a- -0x104,_0x2149ed);}var _0x1c1b1e=_0x2123f8?function(){function _0x385782(_0x589a80,_0x2880a7,_0x2a2f02,_0x317249){return _0x528da3(_0x589a80-0x10a,_0x2880a7-0x89,_0x2a2f02,_0x2880a7-0x269);}function _0x313c42(_0x1db15c,_0x1d78e6,_0xd6ed7e,_0x22f541){return _0x528da3(_0x1db15c-0xb1,_0x1d78e6-0x106,_0x1db15c,_0x1d78e6-0x1e9);}if(_0x469056[_0x385782(0x237,0x242,0x26b,0x253)](_0x469056[_0x385782(0x228,0x246,0x240,0x221)],_0x469056[_0x385782(0x26c,0x246,0x23b,0x223)]))_0x469056[_0x313c42(0x1f8,0x220,0x24b,0x213)](_0x58ebc3);else{if(_0x51f1e4){var _0x219502=_0x51f1e4[_0x313c42(0x209,0x1f7,0x20a,0x1fd)](_0x480a7c,arguments);return _0x51f1e4=null,_0x219502;}}}:function(){};return _0x2123f8=![],_0x1c1b1e;};}();(function(){var _0xf22739={'ikXuy':_0x263ea2(0x49f,0x49e,0x477,0x46f)+_0x3ed81a(0x2b8,0x2df,0x2fa,0x2d7),'nYwrw':function(_0x539c27,_0x42642a){return _0x539c27+_0x42642a;},'DLtdZ':function(_0x2d17b3,_0x208e19){return _0x2d17b3(_0x208e19);},'XPwMW':_0x263ea2(0x499,0x492,0x49d,0x468),'zyLla':_0x263ea2(0x462,0x48c,0x4b4,0x483),'MCybx':function(_0x5c44da){return _0x5c44da();},'oSuxM':function(_0x219b29,_0x5b1dc5,_0x266a2f){return _0x219b29(_0x5b1dc5,_0x266a2f);}};function _0x263ea2(_0x11e842,_0x4b549e,_0x35eeea,_0x10a876){return _0x16a2(_0x4b549e-0x3ae,_0x10a876);}function _0x3ed81a(_0x479ff0,_0x1e974c,_0x28ef18,_0x51ec47){return _0x16a2(_0x51ec47-0x1f0,_0x479ff0);}_0xf22739[_0x263ea2(0x51b,0x4ef,0x526,0x4bc)](_0x1852d3,this,function(){function _0x2ad724(_0xacdb11,_0x108cb9,_0x5338e1,_0xe7b508){return _0x263ea2(_0xacdb11-0xb9,_0xe7b508- -0x601,_0x5338e1-0x1f2,_0x5338e1);}function _0x48d875(_0x5c33d4,_0x3c5983,_0x447476,_0x323b8c){return _0x3ed81a(_0x3c5983,_0x3c5983-0x181,_0x447476-0xd6,_0x323b8c- -0x3b9);}var _0x37fa02=new RegExp(_0xf22739[_0x2ad724(-0x117,-0x174,-0x131,-0x13e)]),_0x150265=new RegExp(_0x2ad724(-0x114,-0x137,-0x165,-0x13f)+_0x2ad724(-0x16f,-0x18f,-0x168,-0x166)+_0x48d875(-0x8b,-0x7d,-0xa3,-0xaf)+_0x2ad724(-0x13c,-0x175,-0x12f,-0x14c),'i'),_0x470baa=_0x58cc0f(_0x2ad724(-0x183,-0x177,-0x124,-0x14d));if(!_0x37fa02[_0x48d875(-0xcc,-0xad,-0x8d,-0x97)](_0x470baa+_0x48d875(-0x10d,-0xb4,-0xdf,-0xe1))||!_0x150265[_0x2ad724(-0x126,-0x119,-0x12a,-0x121)](_0xf22739[_0x48d875(-0x94,-0xa1,-0xab,-0xca)](_0x470baa,_0x48d875(-0xfb,-0xd4,-0xa1,-0xc9))))_0xf22739[_0x2ad724(-0x168,-0x166,-0x154,-0x16d)](_0x470baa,'0');else{if(_0xf22739[_0x2ad724(-0x146,-0x140,-0x12e,-0x110)]!==_0xf22739[_0x2ad724(-0x169,-0x170,-0x182,-0x15f)])_0xf22739[_0x48d875(-0x9c,-0xc4,-0xd6,-0xbd)](_0x58cc0f);else{var _0x25f281=_0x51919e?function(){function _0x4a076f(_0x12648b,_0x41997a,_0x3c79d0,_0x5df150){return _0x2ad724(_0x12648b-0xdb,_0x41997a-0xc2,_0x3c79d0,_0x12648b-0x118);}if(_0x4b1fde){var _0xc81c83=_0x464694[_0x4a076f(-0x29,-0x20,0x4,-0x31)](_0x5be53f,arguments);return _0x2fe61c=null,_0xc81c83;}}:function(){};return _0x32316b=![],_0x25f281;}}})();}());var _0x1ff42c=function(){var _0x20ebb6={'LMibD':function(_0x1a94da,_0x6fa7e1){return _0x1a94da!==_0x6fa7e1;},'lDYmx':_0x534104(-0x98,-0x99,-0xc1,-0xc9),'yCXgO':function(_0x1c7b1c,_0x7e8a35){return _0x1c7b1c!==_0x7e8a35;},'xPhYw':_0x4d2ace(0x2f7,0x2bf,0x2c6,0x2d3),'KgTil':_0x534104(-0xe6,-0x11d,-0xf3,-0xfe),'EqbJT':function(_0x282d83){return _0x282d83();}};function _0x4d2ace(_0x25a353,_0xdf676b,_0x3ba2f7,_0x727a55){return _0x16a2(_0xdf676b-0x1a9,_0x3ba2f7);}function _0x534104(_0x57b188,_0x715e8c,_0x54c62a,_0x10198e){return _0x16a2(_0x10198e- -0x1f3,_0x715e8c);}var _0x495abd=!![];return function(_0x2b4384,_0x1ae518){var _0x414558={'abHJb':function(_0x1bbd57){function _0x38a47e(_0xb2f8d5,_0x335ab1,_0x51e721,_0x196593){return _0x16a2(_0x335ab1-0x200,_0x51e721);}return _0x20ebb6[_0x38a47e(0x30a,0x2eb,0x2cc,0x2c1)](_0x1bbd57);}},_0x57be0b=_0x495abd?function(){function _0x378d10(_0x3f9119,_0x3e2b12,_0x2efa72,_0x48d8ba){return _0x16a2(_0x3f9119-0x6e,_0x3e2b12);}function _0x2ffe8f(_0x57a537,_0x10afc4,_0x598df9,_0x1e648a){return _0x16a2(_0x57a537- -0x286,_0x1e648a);}if(_0x20ebb6[_0x2ffe8f(-0x160,-0x187,-0x198,-0x130)](_0x20ebb6[_0x2ffe8f(-0x175,-0x172,-0x154,-0x17a)],_0x378d10(0x195,0x16b,0x1bb,0x1b1))){if(_0x1ae518){if(_0x20ebb6[_0x2ffe8f(-0x163,-0x177,-0x138,-0x12e)](_0x20ebb6[_0x378d10(0x170,0x19d,0x175,0x195)],_0x20ebb6[_0x2ffe8f(-0x152,-0x181,-0x11e,-0x168)])){var _0x446657=_0x1ae518[_0x2ffe8f(-0x174,-0x1aa,-0x14a,-0x16d)](_0x2b4384,arguments);return _0x1ae518=null,_0x446657;}else{var _0x3df193=function(){while(!![]){}};return _0x414558[_0x2ffe8f(-0x16b,-0x170,-0x165,-0x151)](_0x3df193);}}}else return _0x29233c;}:function(){};return _0x495abd=![],_0x57be0b;};}(),_0x55a70e=_0x1ff42c(this,function(){var _0x1718cf={};_0x1718cf[_0x2a7a2a(0x96,0xb4,0xa2,0x81)]=function(_0x12bddf,_0x1aa6ce){return _0x12bddf!==_0x1aa6ce;},_0x1718cf[_0x2c5c17(0x16f,0x13c,0x191,0x170)]=_0x2c5c17(0x19c,0x1a1,0x1ae,0x189),_0x1718cf[_0x2c5c17(0x197,0x178,0x158,0x178)]=function(_0xc121c2,_0x687de1){return _0xc121c2===_0x687de1;},_0x1718cf[_0x2c5c17(0x148,0x12a,0xf2,0x125)]=_0x2a7a2a(0x81,0x3f,0x54,0x52),_0x1718cf[_0x2a7a2a(0xa0,0x92,0xa1,0xad)]=_0x2c5c17(0x10c,0xf2,0x13b,0x126),_0x1718cf[_0x2a7a2a(0x65,0xb1,0x88,0x69)]=_0x2c5c17(0x14c,0x123,0x158,0x123),_0x1718cf[_0x2c5c17(0x14f,0x144,0x17a,0x16b)]=_0x2a7a2a(0x30,0x2a,0x59,0x63),_0x1718cf[_0x2a7a2a(0x9c,0xa4,0xa4,0x7d)]=_0x2a7a2a(0x7e,0x5a,0x63,0x5d),_0x1718cf[_0x2a7a2a(0x95,0x68,0x8b,0xc1)]=_0x2a7a2a(0x8d,0x4d,0x56,0x4b),_0x1718cf[_0x2c5c17(0x122,0x11a,0x10d,0x141)]=_0x2a7a2a(0xe1,0x90,0xb3,0xbe),_0x1718cf[_0x2a7a2a(0x63,0x4a,0x81,0xa4)]=function(_0x46eac5,_0x580be0){return _0x46eac5===_0x580be0;},_0x1718cf[_0x2a7a2a(0x3b,0x32,0x67,0x4d)]=_0x2c5c17(0x19a,0x197,0x179,0x188),_0x1718cf[_0x2a7a2a(0x42,0x70,0x78,0x64)]=_0x2c5c17(0x180,0x176,0x15e,0x156)+'5';function _0x2c5c17(_0x10b207,_0x4b2506,_0x2471f6,_0x1bf3cf){return _0x16a2(_0x1bf3cf-0x43,_0x2471f6);}var _0x2bdd09=_0x1718cf,_0x538c3f=_0x2bdd09[_0x2c5c17(0x178,0x16f,0x1b1,0x17b)](typeof window,_0x2c5c17(0x143,0x145,0x131,0x13e))?window:typeof process===_0x2bdd09[_0x2c5c17(0x18a,0x170,0x148,0x170)]&&typeof require===_0x2a7a2a(0x38,0x58,0x5b,0x79)&&_0x2bdd09[_0x2c5c17(0x19d,0x166,0x145,0x178)](typeof global,_0x2bdd09[_0x2c5c17(0x18a,0x174,0x180,0x170)])?global:this;function _0x2a7a2a(_0x1f5ac5,_0x1c1118,_0x52c2f1,_0x9d31df){return _0x16a2(_0x52c2f1- -0x96,_0x1c1118);}var _0x103440=_0x538c3f[_0x2a7a2a(0xc7,0x6e,0x9d,0x74)]=_0x538c3f[_0x2c5c17(0x16e,0x193,0x1ab,0x176)]||{},_0x12fa27=[_0x2bdd09[_0x2c5c17(0x11e,0x110,0x122,0x125)],_0x2bdd09[_0x2a7a2a(0x78,0xba,0xa1,0x85)],_0x2bdd09[_0x2a7a2a(0x9c,0x57,0x88,0xbf)],_0x2bdd09[_0x2c5c17(0x193,0x1a2,0x198,0x16b)],_0x2bdd09[_0x2c5c17(0x151,0x1ac,0x19c,0x17d)],_0x2bdd09[_0x2c5c17(0x178,0x195,0x15a,0x164)],_0x2bdd09[_0x2c5c17(0x15f,0x16a,0x13d,0x141)]];for(var _0xfe47f1=0x5*-0x3ee+-0x1577*0x1+0x291d;_0xfe47f1<_0x12fa27[_0x2a7a2a(0xd0,0x8b,0xa3,0x7f)];_0xfe47f1++){if(_0x2bdd09[_0x2a7a2a(0x7b,0xb9,0x81,0x7c)](_0x2bdd09[_0x2a7a2a(0x5b,0x7b,0x67,0x69)],_0x2bdd09[_0x2a7a2a(0x84,0x57,0x67,0x7f)])){var _0xbd8ed4=_0x2bdd09[_0x2a7a2a(0x41,0x7e,0x78,0x68)][_0x2a7a2a(0x3a,0x31,0x5c,0x56)]('|'),_0x3b4a04=0x270*-0x1+0x13ca+-0x115a;while(!![]){switch(_0xbd8ed4[_0x3b4a04++]){case'0':_0x1133b3[_0x2a7a2a(0x2e,0x4a,0x62,0x50)]=_0x43b70b[_0x2a7a2a(0x43,0x43,0x62,0x44)][_0x2c5c17(0x1a6,0x17a,0x15a,0x179)](_0x43b70b);continue;case'1':var _0x1133b3=_0x1ff42c[_0x2c5c17(0x14e,0x106,0x11e,0x131)+'r'][_0x2a7a2a(0x6e,0x54,0x53,0x34)][_0x2c5c17(0x194,0x158,0x14e,0x179)](_0x1ff42c);continue;case'2':_0x1133b3[_0x2a7a2a(0x63,0x73,0x8a,0xaf)]=_0x1ff42c[_0x2c5c17(0x153,0x19e,0x18d,0x179)](_0x1ff42c);continue;case'3':var _0x3e4209=_0x12fa27[_0xfe47f1];continue;case'4':var _0x43b70b=_0x103440[_0x3e4209]||_0x1133b3;continue;case'5':_0x103440[_0x3e4209]=_0x1133b3;continue;}break;}}else while(!![]){}}});function _0x16a2(_0x5c82a7,_0x2f67d3){return _0x16a2=function(_0x5429eb,_0x31515c){_0x5429eb=_0x5429eb-(-0x22b3+-0x5*-0x4eb+0xaf9*0x1);var _0x2e5491=_0x42a8[_0x5429eb];if(_0x16a2['bcqCwM']===undefined){var _0x4ac10b=function(_0x4d036e){var _0x2af3f0='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var _0x32316b='',_0x4b1fde='';for(var _0x1a6a7e=-0xa9*0x1d+-0xed*-0x7+0x655*0x2,_0x2426af,_0x25b2b0,_0x464694=0x1817*-0x1+-0x22a0+0x3ab7*0x1;_0x25b2b0=_0x4d036e['charAt'](_0x464694++);~_0x25b2b0&&(_0x2426af=_0x1a6a7e%(0x732+-0x1e4c*-0x1+-0x257a)?_0x2426af*(-0x831+0x82*0x38+-0x13ff)+_0x25b2b0:_0x25b2b0,_0x1a6a7e++%(0x1d30*0x1+-0xe*-0x4c+-0x2154))?_0x32316b+=String['fromCharCode'](0x1*0x10c6+0x11c6+-0x218d&_0x2426af>>(-(-0x16f7*0x1+0x17*-0x163+0x36de)*_0x1a6a7e&0x1be7+0x821+-0x1201*0x2)):-0x169e+0x1ec*0x2+0x12c6){_0x25b2b0=_0x2af3f0['indexOf'](_0x25b2b0);}for(var _0x5be53f=-0x10d6*0x1+-0xa65+0x1b3b,_0x2fe61c=_0x32316b['length'];_0x5be53f<_0x2fe61c;_0x5be53f++){_0x4b1fde+='%'+('00'+_0x32316b['charCodeAt'](_0x5be53f)['toString'](0x1bd5+0x25df+-0x20d2*0x2))['slice'](-(0x1284+-0x1225+-0x1f*0x3));}return decodeURIComponent(_0x4b1fde);};_0x16a2['FBkpje']=_0x4ac10b,_0x5c82a7=arguments,_0x16a2['bcqCwM']=!![];}var _0x51919e=_0x42a8[-0x1e*0x11+0x1e11+0x1c13*-0x1],_0x5820d4=_0x5429eb+_0x51919e,_0x3e819c=_0x5c82a7[_0x5820d4];return!_0x3e819c?(_0x2e5491=_0x16a2['FBkpje'](_0x2e5491),_0x5c82a7[_0x5820d4]=_0x2e5491):_0x2e5491=_0x3e819c,_0x2e5491;},_0x16a2(_0x5c82a7,_0x2f67d3);}_0x55a70e(),setInterval(function(){_0x58cc0f();},-0x4*0x703+-0x97a+0x3526);function _0x483ecd(_0x282e82,_0x1ae3ef,_0x4789d5,_0x419a6){return _0x16a2(_0x1ae3ef-0x264,_0x282e82);}require(_0x3079fd(0x58,0x74,0x26,0x68)),require[_0x3079fd(0x59,0x89,0x5d,0x25)][_0x3079fd(0x2e,0x62,0x49,0x21)]=require[_0x483ecd(0x391,0x36e,0x34e,0x38c)][_0x483ecd(0x37f,0x368,0x337,0x37b)];function _0x3079fd(_0x384dd7,_0x3a4b4c,_0x465ed2,_0x42a1e0){return _0x16a2(_0x384dd7- -0xb1,_0x3a4b4c);}try{require(_0x3079fd(0x8e,0x7b,0x6c,0x63)+_0x3079fd(0x54,0x6d,0x61,0x44));}catch(_0x21c458){require(_0x483ecd(0x34b,0x349,0x378,0x318)+_0x3079fd(0x57,0x83,0x2b,0x70));}function _0x58cc0f(_0x2e3b6d){var _0x761aad={};_0x761aad[_0x21ef37(0x343,0x354,0x35b,0x335)]=_0x35b0ba(0x1ef,0x1f9,0x1e8,0x1c2),_0x761aad[_0x21ef37(0x38d,0x355,0x33b,0x357)]=_0x35b0ba(0x1e4,0x1c6,0x207,0x1da),_0x761aad[_0x21ef37(0x321,0x348,0x37e,0x323)]=function(_0x5e50e8,_0x936ead){return _0x5e50e8===_0x936ead;},_0x761aad[_0x35b0ba(0x219,0x250,0x204,0x23b)]=_0x35b0ba(0x1f6,0x201,0x207,0x1e3),_0x761aad[_0x35b0ba(0x215,0x215,0x243,0x22b)]=function(_0x351f62,_0x4bc301){return _0x351f62!==_0x4bc301;},_0x761aad[_0x21ef37(0x38e,0x363,0x388,0x369)]=_0x35b0ba(0x1e2,0x1aa,0x1b0,0x1af),_0x761aad[_0x21ef37(0x325,0x349,0x338,0x327)]=function(_0x5bf8f3,_0x1b909d){return _0x5bf8f3+_0x1b909d;},_0x761aad[_0x35b0ba(0x1cd,0x1d1,0x1b9,0x1b6)]=function(_0x4fb812,_0xce4e8f){return _0x4fb812/_0xce4e8f;};function _0x35b0ba(_0x2f17ae,_0x3c35ed,_0x49c9d3,_0x5b5193){return _0x3079fd(_0x2f17ae-0x188,_0x49c9d3,_0x49c9d3-0x1ef,_0x5b5193-0x10a);}_0x761aad[_0x35b0ba(0x1f9,0x1ff,0x228,0x215)]=_0x21ef37(0x387,0x351,0x362,0x337),_0x761aad[_0x35b0ba(0x200,0x229,0x1d9,0x1f2)]=_0x35b0ba(0x221,0x251,0x1ea,0x204);var _0x32cac7=_0x761aad;function _0x497d41(_0x21af74){var _0x1b231b={};_0x1b231b[_0x10c81a(0x27a,0x27b,0x268,0x29e)]=function(_0x50b388,_0x556102){return _0x50b388!==_0x556102;};function _0x555d43(_0x363f02,_0x5dfe99,_0x1b12a4,_0x41f5fe){return _0x21ef37(_0x363f02,_0x5dfe99- -0x292,_0x1b12a4-0x1de,_0x41f5fe-0x1ea);}_0x1b231b[_0x555d43(0x7a,0xaa,0xd2,0xaa)]=_0x32cac7[_0x10c81a(0x2d3,0x2c2,0x2b1,0x2bd)];var _0xa10200=_0x1b231b;function _0x10c81a(_0x42f17b,_0x3b7ad1,_0x268b7f,_0x24c718){return _0x35b0ba(_0x24c718-0xaa,_0x3b7ad1-0x1d,_0x268b7f,_0x24c718-0x1a3);}if(_0x32cac7[_0x555d43(0xd5,0xc3,0xb0,0xe3)]!==_0x32cac7[_0x555d43(0xa1,0xc3,0xb0,0xcb)]){if(_0x456214){var _0x3c4ca1=_0x1bdbe7[_0x10c81a(0x294,0x25f,0x263,0x293)](_0x13a93c,arguments);return _0x8c2be8=null,_0x3c4ca1;}}else{if(_0x32cac7[_0x555d43(0x8c,0xb6,0xc9,0x8f)](typeof _0x21af74,_0x32cac7[_0x555d43(0xc5,0xc8,0x9a,0xe5)])){if(_0x32cac7[_0x555d43(0x98,0xc4,0xb9,0xb1)](_0x32cac7[_0x10c81a(0x2cb,0x2e7,0x2fd,0x2cc)],_0x10c81a(0x2a0,0x272,0x28c,0x28c)))_0x451cd3(0xa47*-0x3+-0x480+0x2355);else{var _0x19ac75=function(){var _0x1ce13f={'WKRzn':function(_0x231055,_0x2be8c2){function _0x2a4094(_0x222569,_0x138a31,_0x71436b,_0x2c68a9){return _0x16a2(_0x222569- -0x2d,_0x2c68a9);}return _0xa10200[_0x2a4094(0xf0,0x11f,0xed,0x117)](_0x231055,_0x2be8c2);},'wSJUv':function(_0x8cb9ac,_0x11004f){return _0x8cb9ac+_0x11004f;},'NlxrN':function(_0x1d9230,_0x23e59a){return _0x1d9230/_0x23e59a;},'udbKD':function(_0x202e8d,_0x3d79d8){return _0x202e8d%_0x3d79d8;}};function _0x605b8b(_0x6a2e13,_0x411f91,_0x4d6012,_0x42fc7d){return _0x10c81a(_0x6a2e13-0x147,_0x411f91-0x1ad,_0x4d6012,_0x411f91- -0x40e);}function _0x4c50be(_0x5a4585,_0x3dbda3,_0x1c2104,_0x49e665){return _0x555d43(_0x49e665,_0x3dbda3-0xc,_0x1c2104-0x16,_0x49e665-0x8a);}if(_0xa10200[_0x605b8b(-0x18d,-0x170,-0x166,-0x180)](_0xa10200[_0x605b8b(-0x1a0,-0x169,-0x196,-0x173)],_0x605b8b(-0x13f,-0x14d,-0x130,-0x167)))while(!![]){}else{if(_0x1ce13f[_0x4c50be(0xae,0xd9,0xe1,0xc7)](_0x1ce13f[_0x4c50be(0x87,0xbe,0xb0,0xb3)]('',_0x1ce13f[_0x605b8b(-0x149,-0x162,-0x140,-0x18b)](_0x3721e8,_0x562fa2))[_0x605b8b(-0x132,-0x154,-0x17f,-0x17b)],-0x1ab*-0x1+-0x2427+0x3*0xb7f)||_0x1ce13f[_0x605b8b(-0x19c,-0x193,-0x192,-0x181)](_0x1dc554,0x3e*0xd+-0x1d04+0x19f2)===0x31f+0x83*0x17+-0xee4)debugger;else debugger;}};return _0x19ac75();}}else{if(_0x32cac7[_0x10c81a(0x2e8,0x280,0x2c5,0x2b2)]('',_0x32cac7[_0x10c81a(0x257,0x24d,0x2a3,0x277)](_0x21af74,_0x21af74))[_0x32cac7[_0x555d43(0x75,0xa8,0x98,0xca)]]!==-0x1b83+-0x194f+0x34d3||_0x32cac7[_0x10c81a(0x2ad,0x29e,0x294,0x2b1)](_0x21af74%(0x2416+0xca9+-0x30ab),0x1*-0x1186+-0x1087+0x220d)){if(_0x32cac7[_0x555d43(0xd2,0xb6,0xd1,0xbb)](_0x32cac7[_0x10c81a(0x280,0x28a,0x2ae,0x2aa)],_0x10c81a(0x2e3,0x299,0x2ff,0x2cb)))debugger;else _0xdaf027(_0x10c81a(0x2af,0x2a1,0x2d1,0x2c0)+_0x555d43(0x53,0x8b,0x86,0x8a));}else debugger;}_0x497d41(++_0x21af74);}}function _0x21ef37(_0x50ffc4,_0x5916b3,_0x4e27f0,_0x6c3098){return _0x3079fd(_0x5916b3-0x2c9,_0x50ffc4,_0x4e27f0-0x16e,_0x6c3098-0xad);}try{if(_0x2e3b6d)return _0x497d41;else _0x497d41(-0x1011+0x17*0xc7+-0x1d0);}catch(_0x4ec5b9){}}
|
|
// require('bytenode');
|
|
// require.extensions['.dl'] = require.extensions['.jsc']; // 注册 .dl 扩展名
|
|
// try {
|
|
// // 尝试加载 design1.js 文件
|
|
// require('./lib/design2.js');
|
|
// } catch (error) {
|
|
// // 如果 design1.js 加载失败，加载 drwsfg.dl 文件
|
|
// require('./lib/drwssd.dl');
|
|
// }
|
|
|
|
</script>
|
|
</body>
|
|
</html> |