{"id":185603,"date":"2023-07-27T10:19:36","date_gmt":"2023-07-27T02:19:36","guid":{"rendered":"http:\/\/www.idc.net\/help\/185603\/"},"modified":"2023-07-27T10:19:36","modified_gmt":"2023-07-27T02:19:36","slug":"%e5%90%8e%e6%b5%aa%e4%ba%91%e5%b0%8f%e7%a8%8b%e5%ba%8f%e6%95%99%e7%a8%8b%ef%bc%9a%e5%be%ae%e4%bf%a1%e5%b0%8f%e7%a8%8b%e5%ba%8fapi-%e7%bb%98%e5%9b%be","status":"publish","type":"post","link":"https:\/\/idc.net\/help\/185603\/","title":{"rendered":"\u540e\u6d6a\u4e91\u5c0f\u7a0b\u5e8f\u6559\u7a0b\uff1a\u5fae\u4fe1\u5c0f\u7a0b\u5e8fAPI \u7ed8\u56fe"},"content":{"rendered":"

API \u63a5\u53e3<\/h2>\n
\n\n\n\n\n\n\n\n\n
\u65b9\u6cd5<\/th>\n\u8bf4\u660e<\/th>\n<\/tr>\n<\/thead>\n
createCanvasContext<\/td>\n\u521b\u5efa canvas \u7ed8\u56fe\u4e0a\u4e0b\u6587(\u6307\u5b9a canvasId)<\/td>\n<\/tr>\n
createContext(\u4e0d\u63a8\u8350\u4f7f\u7528)<\/td>\n\u521b\u5efa canvas \u7ed8\u56fe\u4e0a\u4e0b\u6587<\/td>\n<\/tr>\n
drawCanvas(\u4e0d\u63a8\u8350\u4f7f\u7528)<\/td>\n\u8fdb\u884c\u7ed8\u56fe<\/td>\n<\/tr>\n
canvasToTempFilePath<\/td>\n\u5bfc\u51fa\u56fe\u7247<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

<\/p>\n

context \u5bf9\u8c61\u7684\u65b9\u6cd5\u5217\u8868<\/h2>\n
\n

\u989c\u8272\uff0c\u6837\u5f0f\uff0c\u9634\u5f71<\/h3>\n\n\n\n\n\n\n\n
\u65b9\u6cd5<\/th>\n\u8bf4\u660e<\/th>\n<\/tr>\n<\/thead>\n
setFillStyle<\/td>\n\u8bbe\u7f6e\u586b\u5145\u6837\u5f0f<\/td>\n<\/tr>\n
setStrokeStyle<\/td>\n\u8bbe\u7f6e\u7ebf\u6761\u6837\u5f0f<\/td>\n<\/tr>\n
setShadow<\/td>\n\u8bbe\u7f6e\u9634\u5f71<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

\u6e10\u53d8<\/h3>\n\n\n\n\n\n\n\n
\u65b9\u6cd5<\/th>\n\u8bf4\u660e<\/th>\n<\/tr>\n<\/thead>\n
createLinearGradient<\/td>\n\u521b\u5efa\u4e00\u4e2a\u7ebf\u6027\u6e10\u53d8<\/td>\n<\/tr>\n
createCircularGradient<\/td>\n\u521b\u5efa\u4e00\u4e2a\u5706\u5f62\u6e10\u53d8<\/td>\n<\/tr>\n
addColorStop<\/td>\n\u5728\u6e10\u53d8\u4e2d\u7684\u67d0\u4e00\u70b9\u6dfb\u52a0\u4e00\u4e2a\u989c\u8272\u53d8\u5316<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

\u7ebf\u6761\u6837\u5f0f<\/h3>\n\n\n\n\n\n\n\n\n
\u65b9\u6cd5<\/th>\n\u8bf4\u660e<\/th>\n<\/tr>\n<\/thead>\n
setLineWidth<\/td>\n\u8bbe\u7f6e\u7ebf\u6761\u5bbd\u5ea6<\/td>\n<\/tr>\n
setLineCap<\/td>\n\u8bbe\u7f6e\u7ebf\u6761\u7aef\u70b9\u7684\u6837\u5f0f<\/td>\n<\/tr>\n
setLineJoin<\/td>\n\u8bbe\u7f6e\u4e24\u7ebf\u76f8\u4ea4\u5904\u7684\u6837\u5f0f<\/td>\n<\/tr>\n
setMiterLimit<\/td>\n\u8bbe\u7f6e\u6700\u5927\u503e\u659c<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

\u77e9\u5f62<\/h3>\n\n\n\n\n\n\n\n\n
\u65b9\u6cd5<\/th>\n\u8bf4\u660e<\/th>\n<\/tr>\n<\/thead>\n
rect<\/td>\n\u521b\u5efa\u4e00\u4e2a\u77e9\u5f62<\/td>\n<\/tr>\n
fillRect<\/td>\n\u586b\u5145\u4e00\u4e2a\u77e9\u5f62<\/td>\n<\/tr>\n
strokeRect<\/td>\n\u753b\u4e00\u4e2a\u77e9\u5f62\uff08\u4e0d\u586b\u5145\uff09<\/td>\n<\/tr>\n
clearRect<\/td>\n\u5728\u7ed9\u5b9a\u7684\u77e9\u5f62\u533a\u57df\u5185\uff0c\u6e05\u9664\u753b\u5e03\u4e0a\u7684\u50cf\u7d20<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

\u8def\u5f84<\/h3>\n\n\n\n\n\n\n\n\n\n\n\n\n\n
\u65b9\u6cd5<\/th>\n\u8bf4\u660e<\/th>\n<\/tr>\n<\/thead>\n
fill<\/td>\n\u5bf9\u5f53\u524d\u8def\u5f84\u8fdb\u884c\u586b\u5145<\/td>\n<\/tr>\n
stroke<\/td>\n\u5bf9\u5f53\u524d\u8def\u5f84\u8fdb\u884c\u63cf\u8fb9<\/td>\n<\/tr>\n
beginPath<\/td>\n\u5f00\u59cb\u4e00\u4e2a\u8def\u5f84<\/td>\n<\/tr>\n
closePath<\/td>\n\u5173\u95ed\u4e00\u4e2a\u8def\u5f84<\/td>\n<\/tr>\n
moveTo<\/td>\n\u628a\u8def\u5f84\u79fb\u52a8\u5230\u753b\u5e03\u4e2d\u7684\u6307\u5b9a\u70b9\uff0c\u4f46\u4e0d\u521b\u5efa\u7ebf\u6761\u3002<\/td>\n<\/tr>\n
lineTo<\/td>\n\u6dfb\u52a0\u4e00\u4e2a\u65b0\u70b9\uff0c\u7136\u540e\u5728\u753b\u5e03\u4e2d\u521b\u5efa\u4ece\u8be5\u70b9\u5230\u6700\u540e\u6307\u5b9a\u70b9\u7684\u7ebf\u6761\u3002<\/td>\n<\/tr>\n
arc<\/td>\n\u6dfb\u52a0\u4e00\u4e2a\u5f27\u5f62\u8def\u5f84\u5230\u5f53\u524d\u8def\u5f84\uff0c\u987a\u65f6\u9488\u7ed8\u5236\u3002<\/td>\n<\/tr>\n
quadraticCurveTo<\/td>\n\u521b\u5efa\u4e8c\u6b21\u65b9\u8d1d\u585e\u5c14\u66f2\u7ebf<\/td>\n<\/tr>\n
bezierCurveTo<\/td>\n\u521b\u5efa\u4e09\u6b21\u65b9\u8d1d\u585e\u5c14\u66f2\u7ebf<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

\u53d8\u5f62<\/h3>\n\n\n\n\n\n\n\n
\u65b9\u6cd5<\/th>\n\u8bf4\u660e<\/th>\n<\/tr>\n<\/thead>\n
scale<\/td>\n\u5bf9\u6a2a\u7eb5\u5750\u6807\u8fdb\u884c\u7f29\u653e<\/td>\n<\/tr>\n
rotate<\/td>\n\u5bf9\u5750\u6807\u8f74\u8fdb\u884c\u987a\u65f6\u9488\u65cb\u8f6c<\/td>\n<\/tr>\n
translate<\/td>\n\u5bf9\u5750\u6807\u539f\u70b9\u8fdb\u884c\u7f29\u653e<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

\u6587\u5b57<\/h3>\n<\/p>\n\n\n\n\n\n\n\n\n
\u65b9\u6cd5<\/th>\n\u8bf4\u660e<\/th>\n<\/tr>\n<\/thead>\n
fillText<\/td>\n\u5728\u753b\u5e03\u4e0a\u7ed8\u5236\u88ab\u586b\u5145\u7684\u6587\u672c<\/td>\n<\/tr>\n
setFontSize<\/td>\n\u8bbe\u7f6e\u5b57\u4f53\u5927\u5c0f<\/td>\n<\/tr>\n
setTextBaseline<\/td>\n\u8bbe\u7f6e\u5b57\u4f53\u57fa\u51c6\u7ebf<\/td>\n<\/tr>\n
setTextAlign<\/td>\n\u8bbe\u7f6e\u5b57\u4f53\u5bf9\u9f50\u65b9\u5f0f<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

\u56fe\u7247<\/h3>\n\n\n\n\n\n
\u65b9\u6cd5<\/th>\n\u8bf4\u660e<\/th>\n<\/tr>\n<\/thead>\n
drawImage<\/td>\n\u5728\u753b\u5e03\u4e0a\u7ed8\u5236\u56fe\u50cf<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

\u6df7\u5408<\/h3>\n\n\n\n\n\n
\u65b9\u6cd5<\/th>\n\u8bf4\u660e<\/th>\n<\/tr>\n<\/thead>\n
setGlobalAlpha<\/td>\n\u8bbe\u7f6e\u5168\u5c40\u753b\u7b14\u900f\u660e\u5ea6<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

\u5176\u4ed6<\/h3>\n\n\n\n\n\n\n\n\n\n
\u65b9\u6cd5<\/th>\n\u8bf4\u660e<\/th>\n<\/tr>\n<\/thead>\n
save<\/td>\n\u4fdd\u5b58\u5f53\u524d\u7ed8\u56fe\u4e0a\u4e0b\u6587<\/td>\n<\/tr>\n
restore<\/td>\n\u6062\u590d\u4e4b\u524d\u4fdd\u8fc7\u7684\u7ed8\u56fe\u4e0a\u4e0b\u6587<\/td>\n<\/tr>\n
draw<\/td>\n\u8fdb\u884c\u7ed8\u56fe<\/td>\n<\/tr>\n
getActions(\u4e0d\u63a8\u8350\u4f7f\u7528)<\/td>\n\u83b7\u53d6\u5f53\u524dcontext<\/code>\u4e0a\u5b58\u50a8\u7684\u7ed8\u56fe\u52a8\u4f5c<\/td>\n<\/tr>\n
clearActions(\u4e0d\u63a8\u8350\u4f7f\u7528)<\/td>\n\u6e05\u7a7a\u5f53\u524d\u7684\u5b58\u50a8\u7ed8\u56fe\u52a8\u4f5c<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"

API \u63a5\u53e3 \u65b9\u6cd5 \u8bf4\u660e createCanvasContext \u521b\u5efa canvas \u7ed8\u56fe\u4e0a\u4e0b\u6587(\u6307\u5b9a can […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[182398],"tags":[],"class_list":["post-185603","post","type-post","status-publish","format-standard","hentry","category-mini-program"],"_links":{"self":[{"href":"https:\/\/idc.net\/help\/wp-json\/wp\/v2\/posts\/185603","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/idc.net\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/idc.net\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/idc.net\/help\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/idc.net\/help\/wp-json\/wp\/v2\/comments?post=185603"}],"version-history":[{"count":0,"href":"https:\/\/idc.net\/help\/wp-json\/wp\/v2\/posts\/185603\/revisions"}],"wp:attachment":[{"href":"https:\/\/idc.net\/help\/wp-json\/wp\/v2\/media?parent=185603"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/idc.net\/help\/wp-json\/wp\/v2\/categories?post=185603"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/idc.net\/help\/wp-json\/wp\/v2\/tags?post=185603"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}