{"id":68739,"date":"2026-01-30T16:16:49","date_gmt":"2026-01-30T08:16:49","guid":{"rendered":"https:\/\/www.wsisp.com\/helps\/68739.html"},"modified":"2026-01-30T16:16:49","modified_gmt":"2026-01-30T08:16:49","slug":"%e5%be%ae%e4%bf%a1%e5%b0%8f%e7%a8%8b%e5%ba%8f-%e6%89%8b%e5%8a%a8%e7%ad%be%e5%ad%97%e5%8a%9f%e8%83%bd","status":"publish","type":"post","link":"https:\/\/www.wsisp.com\/helps\/68739.html","title":{"rendered":"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f \u624b\u52a8\u7b7e\u5b57\u529f\u80fd"},"content":{"rendered":"

1.\u590d\u5236\u4ee3\u7801<\/h3>\n

<template>
\n<view class="signature-container">
\n<canvas :canvas-id="canvasId" class="signature-canvas"
\nstyle="width: 100%; height: 100%; background-color: #ffffff;" @touchstart="onTouchStart"
\n@touchmove="onTouchMove" @touchend="onTouchEnd"><\/canvas>
\n<\/view>
\n<\/template><\/p>\n

<script setup>
\nimport {
\nref,
\ngetCurrentInstance
\n} from 'vue' \/\/ \u66ff\u6362onMounted\u4e3aonReady，\u65e0\u9700getCurrentPages
\nimport {
\nonLoad,
\nonShow,
\nonReady,
\nonHide,
\nonUnload
\n} from '@dcloudio\/uni-app'
\nconst instance = getCurrentInstance() \/\/ \u4ec5\u7528\u7ec4\u4ef6\u5b9e\u4f8b，\u4e0d\u4f9d\u8d56\u9875\u9762\u5b9e\u4f8b
\nconst canvasId = ref('signatureCanvas')
\nconst ctx = ref(null)
\nconst isDrawing = ref(false)
\nconst lastX = ref(0)
\nconst lastY = ref(0)
\nconst canvasRect = ref({
\nleft: 0,
\ntop: 0,
\nwidth: 0,
\nheight: 0
\n})
\nconst hasValidDraw = ref(false) \/\/ \u65b0\u589e：\u6807\u8bb0\u662f\u5426\u6709\u6709\u6548\u7ed8\u5236（\u907f\u514d\u4fdd\u5b58\u7a7a\u753b\u5e03）
\nconst signType = ref(true)\/\/\u7b7e\u540d\u72b6\u6001
\n\/\/ \u521d\u59cb\u5316CanvasContext（\u4ec5\u7528\u7ec4\u4ef6\u5b9e\u4f8b，\u65e0getCurrentPages）
\nconst initCanvasContext = () => {
\nreturn new Promise((resolve, reject) => {
\ntry {
\nconsole.log('\u5f00\u59cb\u521d\u59cb\u5316CanvasContext…')
\n\/\/ \u4ec5\u7ed1\u5b9a\u7ec4\u4ef6\u5b9e\u4f8b，\u65e0\u9700\u9875\u9762\u5b9e\u4f8b
\nctx.value = uni.createCanvasContext(canvasId.value, instance)
\nif (ctx.value) {
\nsetupCanvas()
\nresolve()
\n} else {
\nreject(new Error('CanvasContext\u521b\u5efa\u5931\u8d25'))
\n}
\n} catch (error) {
\nconsole.error('\u521b\u5efaCanvasContext\u65f6\u51fa\u9519:', error)
\nreject(error)
\n}
\n})
\n}<\/p>\n

\/\/ \u8bbe\u7f6eCanvas（\u4f18\u5316\u5c3a\u5bf8\u515c\u5e95）
\nconst setupCanvas = () => {
\nif (!ctx.value) return
\nconsole.log('\u5f00\u59cb\u8bbe\u7f6eCanvas…')
\n\/\/ \u8bbe\u7f6e\u7ebf\u6761\u6837\u5f0f
\nctx.value.setStrokeStyle('#000000')
\nctx.value.setLineWidth(3)
\nctx.value.setLineCap('round')
\nctx.value.setLineJoin('round')<\/p>\n

\/\/ \u83b7\u53d6Canvas\u5c3a\u5bf8（\u515c\u5e95300×300，\u907f\u514d\u5c3a\u5bf8\u4e3a0）
\ngetCanvasRect().then(rect => {
\ncanvasRect.value = rect
\nconsole.log('Canvas\u5c3a\u5bf8:', rect)
\n\/\/ \u7ed8\u5236\u767d\u8272\u80cc\u666f（\u786e\u4fdd\u753b\u5e03\u6709\u57fa\u7840\u5185\u5bb9，\u907f\u514d\u7a7a\u753b\u5e03）
\nctx.value.setFillStyle('#ffffff')
\nctx.value.fillRect(0, 0, rect.width, rect.height)
\n\/\/ \u540c\u6b65\u7ed8\u5236（\u975e\u589e\u91cf），\u786e\u4fdd\u80cc\u666f\u5148\u6e32\u67d3
\nctx.value.draw(false, () => {
\nconsole.log('Canvas\u80cc\u666f\u7ed8\u5236\u5b8c\u6210')
\n})
\n})
\n}<\/p>\n

\/\/ \u83b7\u53d6Canvas\u4f4d\u7f6e\u548c\u5c3a\u5bf8（\u4ec5\u7ed1\u5b9a\u7ec4\u4ef6\u5b9e\u4f8b）
\nconst getCanvasRect = () => {
\nreturn new Promise((resolve) => { \/\/ \u7b80\u5316reject，\u76f4\u63a5\u515c\u5e95
\nconst query = uni.createSelectorQuery()
\n\/\/ \u4ec5\u7ed1\u5b9a\u7ec4\u4ef6\u5b9e\u4f8b，\u65e0\u9875\u9762\u5b9e\u4f8b
\nif (instance) {
\nquery.in(instance)
\n}
\nquery.select(`.signature-canvas`)
\n.boundingClientRect((rect) => {
\nif (rect && rect.width > 0 && rect.height > 0) {
\nresolve({
\nleft: rect.left,
\ntop: rect.top,
\nwidth: rect.width,
\nheight: rect.height
\n})
\n} else {
\nconsole.warn('\u672a\u627e\u5230Canvas\u5143\u7d20，\u4f7f\u7528\u515c\u5e95\u5c3a\u5bf8')
\n\/\/ \u515c\u5e95\u5c3a\u5bf8（\u5173\u952e：\u907f\u514dwidth\/height\u4e3a0\u5bfc\u81f4\u7a7a\u753b\u5e03）
\nresolve({
\nleft: 0,
\ntop: 0,
\nwidth: 300,
\nheight: 300
\n})
\n}
\n})
\n.exec()
\n})
\n}<\/p>\n

\/\/ \u7ed8\u5236\u7ebf\u6761（\u4f18\u5316：draw\u56de\u8c03\u6807\u8bb0\u6709\u6548\u7ed8\u5236）
\nconst drawLine = (x1, y1, x2, y2) => {
\nif (!ctx.value) return
\n\/\/ \u8fc7\u6ee4\u6781\u5c0f\u79fb\u52a8（\u907f\u514d\u65e0\u6548\u7ed8\u5236）
\nif (Math.abs(x1 – x2) < 1 && Math.abs(y1 – y2) < 1) return<\/p>\n

console.log(`\u7ed8\u5236\u7ebf\u6761: (${x1.toFixed(2)}, ${y1.toFixed(2)}) -> (${x2.toFixed(2)}, ${y2.toFixed(2)})`)
\ntry {
\nctx.value.beginPath()
\nctx.value.setStrokeStyle('#000000')
\nctx.value.setLineWidth(3)
\nctx.value.setLineCap('round')
\nctx.value.setLineJoin('round')
\nctx.value.moveTo(x1, y1)
\nctx.value.lineTo(x2, y2)
\nctx.value.stroke()
\n\/\/ \u589e\u91cf\u7ed8\u5236 + \u56de\u8c03\u6807\u8bb0（\u5173\u952e：\u786e\u4fdd\u7ed8\u5236\u5b8c\u6210\u540e\u6807\u8bb0）
\nctx.value.draw(true, () => {
\nhasValidDraw.value = true \/\/ \u6709\u6709\u6548\u7ed8\u5236\u624d\u5141\u8bb8\u4fdd\u5b58
\nconsole.log('\u7ebf\u6761\u7ed8\u5236\u5b8c\u6210（\u5f02\u6b65\u56de\u8c03）')
\n})
\n} catch (error) {
\nconsole.error('\u7ed8\u5236\u7ebf\u6761\u65f6\u51fa\u9519:', error)
\n}
\n}<\/p>\n

\/\/ \u89e6\u6478\u5f00\u59cb（\u4f18\u5316）
\nconst onTouchStart = async (e) => {
\nif (!ctx.value) return
\nconst touch = e.touches[0]
\nawait getCanvasRect() \/\/ \u786e\u4fdd\u5c3a\u5bf8\u5df2\u83b7\u53d6
\nconst rect = canvasRect.value
\nconst x = touch.clientX – rect.left
\nconst y = touch.clientY – rect.top<\/p>\n

isDrawing.value = true
\nlastX.value = x
\nlastY.value = y
\nctx.value.beginPath()
\nctx.value.moveTo(x, y)
\n}<\/p>\n

\/\/ \u89e6\u6478\u79fb\u52a8（\u4f18\u5316）
\nconst onTouchMove = async (e) => {
\nif (!isDrawing.value || !ctx.value) return
\nconst touch = e.touches[0]
\nawait getCanvasRect()
\nconst rect = canvasRect.value
\nconst x = touch.clientX – rect.left
\nconst y = touch.clientY – rect.top<\/p>\n

drawLine(lastX.value, lastY.value, x, y)
\nlastX.value = x
\nlastY.value = y
\n}<\/p>\n

\/\/ \u89e6\u6478\u7ed3\u675f（\u4f18\u5316：\u7b49\u5f85\u6700\u540e\u4e00\u7b14\u7ed8\u5236）
\nconst onTouchEnd = () => {
\nisDrawing.value = false
\nif (ctx.value) ctx.value.closePath()
\n\/\/ \u7b49\u5f85\u6700\u540e\u4e00\u6b21draw\u5b8c\u6210（100ms\u8db3\u591f）
\nsetTimeout(() => {
\nconsole.log('\u6700\u540e\u4e00\u7b14\u7ed8\u5236\u5b8c\u6210，\u53ef\u4fdd\u5b58')
\n}, 100)
\n}<\/p>\n

\/\/ \u6e05\u7a7a\u753b\u5e03（\u91cd\u7f6e\u7ed8\u5236\u6807\u8bb0）
\nconst clearCanvas = () => {
\nif (!ctx.value) return
\ngetCanvasRect().then(rect => {
\nctx.value.clearRect(0, 0, rect.width, rect.height)
\nctx.value.setFillStyle('#ffffff')
\nctx.value.fillRect(0, 0, rect.width, rect.height)
\nctx.value.setStrokeStyle('#000000')
\nctx.value.setLineWidth(3)
\nctx.value.draw(false, () => {
\nhasValidDraw.value = false \/\/ \u91cd\u7f6e\u7ed8\u5236\u6807\u8bb0
\nconsole.log('\u753b\u5e03\u5df2\u6e05\u7a7a')
\n})
\n})
\n}<\/p>\n

\/\/ \u4fdd\u5b58\u4e3a\u56fe\u7247（\u6838\u5fc3\u4fee\u590d：\u4ec5\u7ed1\u5b9a\u7ec4\u4ef6\u5b9e\u4f8b，\u65e0getCurrentPages）
\nconst saveToImage = () => {
\nreturn new Promise((resolve, reject) => {
\n\/\/ \u5148\u6821\u9a8c：\u65e0\u6709\u6548\u7ed8\u5236\u76f4\u63a5\u62d2\u7edd
\nif (!hasValidDraw.value) {
\nuni.showToast({
\ntitle: '\u8bf7\u5148\u7b7e\u540d\u540e\u518d\u63d0\u4ea4',
\nicon: 'none',
\nduration: 2000
\n});
\nreject(new Error('\u753b\u5e03\u4e3a\u7a7a，\u8bf7\u5148\u7ed8\u5236'))
\nreturn
\n}<\/p>\n

\/\/ \u5173\u952e：\u5ef6\u8fdf200ms，\u7b49\u5f85\u6240\u6709draw\u5f02\u6b65\u7ed8\u5236\u5b8c\u6210
\nsetTimeout(async () => {
\nconst rect = await getCanvasRect()
\nconsole.log('\u4fdd\u5b58Canvas\u5c3a\u5bf8:', rect)<\/p>\n

uni.canvasToTempFilePath({
\ncanvasId: canvasId.value,
\nx: 0,
\ny: 0,
\nwidth: rect.width,
\nheight: rect.height,
\ndestWidth: rect.width * 2,
\ndestHeight: rect.height * 2,
\nfileType: 'png',
\nquality: 1,
\n\/\/ \u6838\u5fc3\u4fee\u590d1：\u7ed1\u5b9a\u7ec4\u4ef6\u5b9e\u4f8b（instance），\u65e0\u9700\u9875\u9762\u5b9e\u4f8b
\nsuccess: (res) => {
\nconsole.log('\u56fe\u7247\u4fdd\u5b58\u6210\u529f:', res.tempFilePath)
\nresolve(res.tempFilePath)
\n},
\nfail: (err) => {
\nconsole.error('\u56fe\u7247\u4fdd\u5b58\u5931\u8d25:', err)
\n\/\/ \u515c\u5e95\u91cd\u8bd5（\u4ecd\u7ed1\u5b9a\u7ec4\u4ef6\u5b9e\u4f8b）
\nsetTimeout(() => {
\nuni.canvasToTempFilePath({
\ncanvasId: canvasId.value,
\nwidth: rect.width,
\nheight: rect.height,
\nfileType: 'png',
\nsuccess: resolve,
\nfail: reject,
\n}, instance) \/\/ \u4ec5\u7ed1\u5b9a\u7ec4\u4ef6\u5b9e\u4f8b
\n}, 500)
\n}
\n}, instance) \/\/ \u6838\u5fc3：\u7ed1\u5b9a\u7ec4\u4ef6\u5b9e\u4f8b（\u89e3\u51b3canvas-id\u627e\u4e0d\u5230\u7684\u95ee\u9898）
\n}, 500) \/\/ \u7b49\u5f85\u6700\u540e\u4e00\u6b21draw\u5b8c\u6210（\u5173\u952e）
\n})
\n}<\/p>\n

\/\/ \u6d4b\u8bd5\u7ed8\u5236（\u7528\u4e8e\u9a8c\u8bc1）
\nconst testDraw = () => {
\n\/\/ if (!ctx.value) return
\n\/\/ getCanvasRect().then(rect => {
\n\/\/ ctx.value.beginPath()
\n\/\/ ctx.value.setStrokeStyle('#ff0000')
\n\/\/ ctx.value.setLineWidth(5)
\n\/\/ ctx.value.moveTo(50, 50)
\n\/\/ ctx.value.lineTo(100, 100)
\n\/\/ ctx.value.stroke()
\n\/\/ ctx.value.draw(false, () => {
\n\/\/ hasValidDraw.value = true \/\/ \u6807\u8bb0\u6709\u6709\u6548\u7ed8\u5236
\n\/\/ console.log('\u6d4b\u8bd5\u7ed8\u5236\u5b8c\u6210')
\n\/\/ })
\n\/\/ })
\n}<\/p>\n

\/\/ \u751f\u547d\u5468\u671f\u4f18\u5316：onReady\u6bd4mounted\u665a，\u786e\u4fddCanvas\u5df2\u6ce8\u518c（\u65e0\u9700getCurrentPages）
\nonReady(() => {
\nconsole.log('\u7ec4\u4ef6onReady，\u5f00\u59cb\u521d\u59cb\u5316Canvas…')
\n\/\/ \u7f29\u77ed\u5ef6\u8fdf（onReady\u5df2\u8db3\u591f\u665a）
\nsetTimeout(() => {
\ninitCanvasContext()
\n.then(() => {
\nconsole.log('Canvas\u521d\u59cb\u5316\u6210\u529f')
\n\/\/ \u6d4b\u8bd5\u7ed8\u5236（\u9a8c\u8bc1\u4fdd\u5b58）
\nsetTimeout(testDraw, 1000)
\n})
\n.catch(err => {
\nconsole.error('Canvas\u521d\u59cb\u5316\u5931\u8d25:', err)
\n})
\n}, 300)
\n})<\/p>\n

\/\/ \u66b4\u9732\u65b9\u6cd5
\ndefineExpose({
\nclearCanvas,
\nsaveToImage,
\ntestDraw
\n})
\n<\/script><\/p>\n

<style scoped>
\n.signature-container {
\nwidth: 100%;
\nheight: 100%;
\nposition: relative;
\nmin-height: 300px;
\n\/* \u5173\u952e：\u515c\u5e95\u9ad8\u5ea6，\u907f\u514dCanvas\u5c3a\u5bf8\u4e3a0 *\/
\n}<\/p>\n

.signature-canvas {
\nwidth: 100%;
\nheight: 100%;
\nborder: 1px solid #ccc;
\ntouch-action: none;
\nposition: relative;
\nz-index: 1;
\n\/* \u786e\u4fdd\u89e6\u6478\u4e8b\u4ef6\u4e0d\u88ab\u62e6\u622a *\/
\n}
\n<\/style><\/p>\n

2.\u653e\u5230components\u91cc，\u6587\u4ef6\u540dSignaturePad.js<\/h3>\n

3.\u5f15\u5165\u4f60\u7684\u9875\u9762<\/h3>\n

import SignaturePad from '@\/components\/SignaturePad.vue'<\/p>\n

4.\u4f7f\u7528<\/h3>\n

<template>
\n <SignaturePad ref="signatureRef" \/>
\n<\/template><\/p>\n

<script setup>
\n import {
\nref
\n} from 'vue'
\n const signatureRef = ref()
\n \/\/ \u6e05\u9664\u7b7e\u540d
\nconst handleReset = () => {
\nsignatureRef.value.clearCanvas()
\n}
\n\/\/ \u63d0\u4ea4\u7b7e\u540d
\nconst handleSubmit = async () => {
\ntry {
\nconst result = await signatureRef.value.saveToImage();
\ntabList.value.forEach((item, index) => {
\nitem.check = (index === activeTab.value);
\n});
\n} catch (error) {
\nconsole.error('\u4fdd\u5b58\u5931\u8d25:', error);
\n}
\n};
\n<\/script><\/p>\n

5.\u6ce8\u610f\u8981\u6709\u8bbf\u95ee\u56fe\u7247\u57df\u540d\u5728\u5fae\u4fe1\u5f00\u53d1\u8005\u91cc\u8bbe\u7f6e，\u8981\u4e0d\u7136\u540e\u8fd4\u56de\u7684\u56fe\u7247\u770b\u4e0d\u4e86\u3002<\/h3>\n","protected":false},"excerpt":{"rendered":"

1.\u590d\u5236\u4ee3\u7801<\/p>\n

<\/canv<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[4298,556,555],"topic":[],"class_list":["post-68739","post","type-post","status-publish","format-standard","hentry","category-server","tag-notepad","tag-556","tag-555"],"yoast_head":"\n\u5fae\u4fe1\u5c0f\u7a0b\u5e8f \u624b\u52a8\u7b7e\u5b57\u529f\u80fd - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.wsisp.com\/helps\/68739.html\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f \u624b\u52a8\u7b7e\u5b57\u529f\u80fd - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"og:description\" content=\"1.\u590d\u5236\u4ee3\u7801 <\/canv\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.wsisp.com\/helps\/68739.html\" \/>\n<meta property=\"og:site_name\" content=\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"article:published_time\" content=\"2026-01-30T08:16:49+00:00\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/68739.html\",\"url\":\"https:\/\/www.wsisp.com\/helps\/68739.html\",\"name\":\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f \u624b\u52a8\u7b7e\u5b57\u529f\u80fd - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"isPartOf\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\"},\"datePublished\":\"2026-01-30T08:16:49+00:00\",\"dateModified\":\"2026-01-30T08:16:49+00:00\",\"author\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/68739.html#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.wsisp.com\/helps\/68739.html\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/68739.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.wsisp.com\/helps\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f \u624b\u52a8\u7b7e\u5b57\u529f\u80fd\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\",\"url\":\"https:\/\/www.wsisp.com\/helps\/\",\"name\":\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"description\":\"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"contentUrl\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"caption\":\"admin\"},\"sameAs\":[\"http:\/\/wp.wsisp.com\"],\"url\":\"https:\/\/www.wsisp.com\/helps\/author\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f \u624b\u52a8\u7b7e\u5b57\u529f\u80fd - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.wsisp.com\/helps\/68739.html","og_locale":"zh_CN","og_type":"article","og_title":"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f \u624b\u52a8\u7b7e\u5b57\u529f\u80fd - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","og_description":"1.\u590d\u5236\u4ee3\u7801 <\/canv","og_url":"https:\/\/www.wsisp.com\/helps\/68739.html","og_site_name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","article_published_time":"2026-01-30T08:16:49+00:00","author":"admin","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"admin","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"4 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.wsisp.com\/helps\/68739.html","url":"https:\/\/www.wsisp.com\/helps\/68739.html","name":"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f \u624b\u52a8\u7b7e\u5b57\u529f\u80fd - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","isPartOf":{"@id":"https:\/\/www.wsisp.com\/helps\/#website"},"datePublished":"2026-01-30T08:16:49+00:00","dateModified":"2026-01-30T08:16:49+00:00","author":{"@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41"},"breadcrumb":{"@id":"https:\/\/www.wsisp.com\/helps\/68739.html#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.wsisp.com\/helps\/68739.html"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.wsisp.com\/helps\/68739.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.wsisp.com\/helps"},{"@type":"ListItem","position":2,"name":"\u5fae\u4fe1\u5c0f\u7a0b\u5e8f \u624b\u52a8\u7b7e\u5b57\u529f\u80fd"}]},{"@type":"WebSite","@id":"https:\/\/www.wsisp.com\/helps\/#website","url":"https:\/\/www.wsisp.com\/helps\/","name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","description":"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"zh-Hans"},{"@type":"Person","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41","name":"admin","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/","url":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","contentUrl":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","caption":"admin"},"sameAs":["http:\/\/wp.wsisp.com"],"url":"https:\/\/www.wsisp.com\/helps\/author\/admin"}]}},"_links":{"self":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/68739","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/comments?post=68739"}],"version-history":[{"count":0,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/68739\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/media?parent=68739"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/categories?post=68739"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/tags?post=68739"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/topic?post=68739"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}