{"id":3683,"date":"2025-06-12T03:00:34","date_gmt":"2025-06-11T19:00:34","guid":{"rendered":"https:\/\/www.zhaozhao123.cn\/wpcms\/wpdt\/3683.html"},"modified":"2025-06-12T03:00:34","modified_gmt":"2025-06-11T19:00:34","slug":"%e5%a6%82%e4%bd%95%e5%9c%a8wordpress%e4%b8%ad%e6%89%b9%e9%87%8f%e8%b0%83%e6%95%b4%e5%a4%a7%e5%9b%be%e5%83%8f%ef%bc%88%e5%88%86%e6%ad%a5%e6%8c%87%e5%8d%97%ef%bc%89","status":"publish","type":"post","link":"https:\/\/www.zhaozhao123.cn\/wpcms\/post\/3683.html","title":{"rendered":"\u5982\u4f55\u5728WordPress\u4e2d\u6279\u91cf\u8c03\u6574\u5927\u56fe\u50cf\uff08\u5206\u6b65\u6307\u5357\uff09"},"content":{"rendered":"<div class=\"wp-block-columns p-0 border is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<div class=\"wp-block-columns px-4 py-3 border-bottom has-background is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\" style=\"background:linear-gradient(243deg,rgb(238,238,238) 0%,rgba(58,166,242,0.15) 100%)\">\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-6c531013 wp-block-group-is-layout-flex\">\r\n<figure class=\"wp-block-image size-thumbnail is-resized is-style-rounded is-style-rounded--1\"><img decoding=\"async\" src=\"https:\/\/www.zhaozhao123.cn\/myitems\/images\/sites16\/2025\/06\/dyA-1-400x300.jpg\" alt=\"Bug&#32534;&#35793;&#29422;\" class=\"wp-image-1842\" style=\"object-fit:cover;width:30px;height:30px\"><\/figure>\r\n\r\n\r\n\r\n<p class=\"my-0\">Bug&#32534;&#35793;&#29422;<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-columns px-xl-5 px-4 py-xl-4 py-3 is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<p>&#35201;&#25209;&#37327;&#35843;&#25972;WordPress&#20013;&#30340;&#22823;&#22270;&#29255;&#65292;&#20320;&#21487;&#20197;&#25353;&#29031;&#20197;&#19979;&#27493;&#39588;&#25805;&#20316;&#65306;<\/p>\n<h3>&#27493;&#39588;1&#65306;&#20934;&#22791;&#24037;&#20855;&#21644;&#29615;&#22659;<\/h3>\n<p>&#30830;&#20445;&#20320;&#24050;&#32463;&#23433;&#35013;&#20102;WordPress&#24182;&#20855;&#26377;&#36275;&#22815;&#30340;&#26435;&#38480;&#26469;&#25191;&#34892;&#27492;&#25805;&#20316;&#12290;&#20320;&#38656;&#35201;&#35775;&#38382;WordPress&#30340;&#21518;&#21488;&#31649;&#29702;&#38754;&#26495;&#12290;<\/p>\n<h3>&#27493;&#39588;2&#65306;&#36827;&#20837;&#23186;&#20307;&#24211;<\/h3>\n<ol>\n<li>&#30331;&#24405;&#21040;&#20320;&#30340;WordPress&#32593;&#31449;&#12290;<\/li>\n<li>&#22312;&#33756;&#21333;&#26639;&#25110;&#21491;&#19978;&#35282;&#25214;&#21040;&ldquo;&#32534;&#36753;&rdquo;&#26631;&#31614;&#39029;&#65292;&#28857;&#20987;&#23427;&#12290;<\/li>\n<li>&#22312;&#24038;&#20391;&#23548;&#33322;&#26639;&#20013;&#65292;&#25214;&#21040;&#24182;&#28857;&#20987;&ldquo;&#23186;&#20307;&rdquo;&#36873;&#39033;&#12290;<\/li>\n<\/ol>\n<h3>&#27493;&#39588;3&#65306;&#36873;&#25321;&#22823;&#22270;&#29255;&#25991;&#20214;&#22841;<\/h3>\n<p>&#22312;&ldquo;&#23186;&#20307;&rdquo;&#39029;&#38754;&#19979;&#65292;&#20320;&#20250;&#30475;&#21040;&#25152;&#26377;&#30340;&#19978;&#20256;&#30340;&#22270;&#29255;&#12290;&#20026;&#20102;&#25209;&#37327;&#22788;&#29702;&#65292;&#25105;&#20204;&#38656;&#35201;&#36873;&#25321;&#19968;&#20010;&#29305;&#23450;&#30340;&#22823;&#22270;&#29255;&#25991;&#20214;&#22841;&#12290;&#36890;&#24120;&#36825;&#20010;&#25991;&#20214;&#22841;&#34987;&#31216;&#20026;<code>uploads<\/code>&#25110;<code>wp-content\/uploads<\/code>&#12290;<\/p>\n<h3>&#27493;&#39588;4&#65306;&#21019;&#24314;&#26032;&#25991;&#20214;&#22841;&#29992;&#20110;&#23384;&#20648;&#35843;&#25972;&#21518;&#30340;&#22270;&#29255;<\/h3>\n<p>&#22312;&#20320;&#30340;&#26381;&#21153;&#22120;&#31354;&#38388;&#25110;&#26412;&#22320;&#25991;&#20214;&#31995;&#32479;&#20013;&#21019;&#24314;&#19968;&#20010;&#26032;&#30340;&#25991;&#20214;&#22841;&#65292;&#21629;&#21517;&#20026;<code>adjusted_images<\/code>&#12290;&#36825;&#23558;&#26159;&#23384;&#25918;&#35843;&#25972;&#21518;&#22270;&#29255;&#30340;&#22320;&#26041;&#12290;<\/p>\n<h3>&#27493;&#39588;5&#65306;&#25171;&#24320;&#23186;&#20307;&#24211;&#25991;&#20214;&#22841;<\/h3>\n<p>&#36820;&#22238;&#21040;WordPress&#30340;&#23186;&#20307;&#24211;&#39029;&#38754;&#65292;&#27983;&#35272;&#25152;&#26377;&#24050;&#19978;&#20256;&#30340;&#22270;&#29255;&#12290;&#25214;&#21040;&#37027;&#20123;&#38656;&#35201;&#35843;&#25972;&#22823;&#23567;&#25110;&#36136;&#37327;&#30340;&#22823;&#22270;&#29255;&#65292;&#24182;&#23558;&#20854;&#25302;&#25341;&#21040;&#26032;&#30340;<code>adjusted_images<\/code>&#25991;&#20214;&#22841;&#20013;&#12290;<\/p>\n<h3>&#27493;&#39588;6&#65306;&#25209;&#37327;&#35843;&#25972;&#22270;&#29255;&#23610;&#23544;<\/h3>\n<p>&#29616;&#22312;&#65292;&#20320;&#21487;&#20197;&#22312;<code>adjusted_images<\/code>&#25991;&#20214;&#22841;&#20013;&#23545;&#36825;&#20123;&#22270;&#29255;&#36827;&#34892;&#25209;&#37327;&#22788;&#29702;&#12290;&#20320;&#21487;&#20197;&#25163;&#21160;&#35843;&#25972;&#27599;&#20010;&#22270;&#29255;&#30340;&#23610;&#23544;&#65292;&#20294;&#36825;&#20250;&#38750;&#24120;&#32791;&#26102;&#12290;&#26356;&#39640;&#25928;&#30340;&#26041;&#27861;&#26159;&#20351;&#29992;PHP&#33050;&#26412;&#26469;&#33258;&#21160;&#21270;&#36825;&#20010;&#36807;&#31243;&#12290;<\/p>\n<h4>&#31034;&#20363;&#20195;&#30721;&#65306;<\/h4>\n<pre><code class=\"language-php\">&lt;?php\n\/\/ &#26816;&#26597;&#26159;&#21542;&#36873;&#25321;&#20102;&#20219;&#20309;&#22270;&#29255;\nif (count($_FILES['file']['name']) &gt; 0) {\n    \/\/ &#33719;&#21462;&#36873;&#20013;&#30340;&#22270;&#29255;&#21517;&#31216;\n    $image_name = $_FILES['file']['name'][0];\n\n    \/\/ &#35774;&#32622;&#35843;&#25972;&#21518;&#30340;&#22270;&#29255;&#21517;&#31216;&#20026;&#21407;&#22987;&#21517;&#31216;&#21152;&#19978; \"_adjust\" &#21069;&#32512;\n    $new_image_name = basename($image_name, \".jpg\") . \"_adjust.jpg\";\n\n    \/\/ &#23450;&#20041;&#30446;&#26631;&#25991;&#20214;&#36335;&#24452;\n    $target_file = 'adjusted_images\/' . $new_image_name;\n\n    \/\/ &#26816;&#26597;&#25991;&#20214;&#26159;&#21542;&#23384;&#22312;&#20110;&#30446;&#26631;&#30446;&#24405;\n    if (!file_exists($target_file)) {\n        move_uploaded_file($_FILES['file']['tmp_name'][0], $target_file);\n        echo \"&#22270;&#29255;&#35843;&#25972;&#23436;&#25104;&#65281;\";\n    } else {\n        echo \"&#22270;&#29255;&#36335;&#24452;&#24050;&#23384;&#22312;&#65292;&#35831;&#26816;&#26597;&#24182;&#37325;&#35797;&#12290;\";\n    }\n} else {\n    echo \"&#35831;&#36873;&#25321;&#19968;&#24352;&#22270;&#29255;&#36827;&#34892;&#35843;&#25972;&#12290;\";\n}\n?&gt;<\/code><\/pre>\n<h4>&#20351;&#29992;&#27493;&#39588;&#65306;<\/h4>\n<ol>\n<li>&#23558;&#19978;&#36848;&#20195;&#30721;&#20445;&#23384;&#20026;<code>.php<\/code>&#25991;&#20214;&#65292;&#20363;&#22914;<code>adjust_image.php<\/code>&#12290;<\/li>\n<li>&#23558;&#35813;&#25991;&#20214;&#25918;&#22312;WordPress&#30340;&#26681;&#30446;&#24405;&#19979;&#65288;&#21363;&#19982;<code>index.php<\/code>&#22312;&#21516;&#19968;&#32423;&#30446;&#24405;&#65289;&#12290;<\/li>\n<li>&#30830;&#20445;&#20320;&#30340;&#20027;&#26426;&#25903;&#25345;PHP&#25991;&#20214;&#25191;&#34892;&#65288;&#22823;&#22810;&#25968;&#29616;&#20195;&#20027;&#26426;&#37117;&#25903;&#25345;&#65289;&#12290;<\/li>\n<li>&#25171;&#24320;&#27983;&#35272;&#22120;&#65292;&#36755;&#20837;&#20320;&#30340;WordPress&#32593;&#31449;URL&#24182;&#28155;&#21152;<code>\/adjust_image.php<\/code>&#21040;&#22320;&#22336;&#26639;&#20013;&#65292;&#28982;&#21518;&#25353;&#22238;&#36710;&#38190;&#36816;&#34892;&#33050;&#26412;&#12290;<\/li>\n<\/ol>\n<h3>&#27493;&#39588;7&#65306;&#39564;&#35777;&#35843;&#25972;&#32467;&#26524;<\/h3>\n<p>&#23436;&#25104;&#21518;&#65292;&#25171;&#24320;&#20320;&#21018;&#21018;&#25918;&#32622;&#35843;&#25972;&#22270;&#29255;&#30340;&#26032;&#25991;&#20214;&#22841;<code>adjusted_images<\/code>&#65292;&#20320;&#24212;&#35813;&#33021;&#30475;&#21040;&#25152;&#26377;&#34987;&#35843;&#25972;&#36807;&#30340;&#22270;&#29255;&#12290;&#22914;&#26524;&#19968;&#20999;&#27491;&#24120;&#65292;&#22270;&#29255;&#24212;&#35813;&#22312;&#25351;&#23450;&#30340;&#23610;&#23544;&#33539;&#22260;&#20869;&#65292;&#32780;&#19988;&#36136;&#37327;&#26377;&#25152;&#25552;&#21319;&#12290;<\/p>\n<p>&#36890;&#36807;&#20197;&#19978;&#27493;&#39588;&#65292;&#20320;&#21487;&#20197;&#36731;&#26494;&#22320;&#22312;WordPress&#20013;&#23454;&#29616;&#22823;&#22270;&#29255;&#30340;&#25209;&#37327;&#35843;&#25972;&#21151;&#33021;&#12290;&#36825;&#31181;&#26041;&#27861;&#19981;&#20165;&#25552;&#39640;&#20102;&#25928;&#29575;&#65292;&#36824;&#33021;&#35753;&#20320;&#19987;&#27880;&#20110;&#20854;&#20182;&#26356;&#37325;&#35201;&#30340;WordPress&#20219;&#21153;&#12290;<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div><div class=\"wp-block-columns p-0 border is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<div class=\"wp-block-columns px-4 py-3 border-bottom has-background is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\" style=\"background:linear-gradient(243deg,rgb(238,238,238) 0%,rgba(58,166,242,0.15) 100%)\">\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-6c531013 wp-block-group-is-layout-flex\">\r\n<figure class=\"wp-block-image size-thumbnail is-resized is-style-rounded is-style-rounded--2\"><img decoding=\"async\" src=\"https:\/\/www.zhaozhao123.cn\/myitems\/images\/sites16\/2025\/06\/zp-400x300.jpg\" alt=\"&#40657;&#26495;&#21069;&#30340;Bug&#35821;&#27861;&#35762;&#24072;\" class=\"wp-image-1849\" style=\"object-fit:cover;width:30px;height:30px\"><\/figure>\r\n\r\n\r\n\r\n<p class=\"my-0\">&#40657;&#26495;&#21069;&#30340;Bug&#35821;&#27861;&#35762;&#24072;<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-columns px-xl-5 px-4 py-xl-4 py-3 is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<h2>&#22914;&#20309;&#22312;WordPress&#20013;&#25209;&#37327;&#35843;&#25972;&#22823;&#22270;&#20687;<\/h2>\n<h3>1. &#20934;&#22791;&#24037;&#20316;<\/h3>\n<ul>\n<li>&#30830;&#20445;&#20320;&#30340;WordPress&#32593;&#31449;&#24050;&#32463;&#23433;&#35013;&#24182;&#28608;&#27963;&#20102;WordPress&#12290;<\/li>\n<li>&#22914;&#26524;&#20320;&#36824;&#27809;&#26377;&#21019;&#24314;&#20219;&#20309;&#20027;&#39064;&#25110;&#25554;&#20214;&#65292;&#29616;&#22312;&#23601;&#21487;&#20197;&#24320;&#22987;&#21019;&#24314;&#23427;&#20204;&#20102;&#12290;<\/li>\n<\/ul>\n<h3>2. &#25171;&#24320;WordPress&#31649;&#29702;&#21518;&#21488;<\/h3>\n<p>&#25171;&#24320;&#27983;&#35272;&#22120;&#65292;&#35775;&#38382;&#20320;&#30340;WordPress&#31449;&#28857;&#30340;URL&#65288;&#20363;&#22914;&#65306;<a href=\"https:\/\/www.zhaozhao123.cn\/skin\/go?url=aHR0cDovL3lvdXJkb21haW4uY29tLyVFRiVCQyU4OSVFRiVCQyU4QyVFNyU4NCVCNiVFNSU5MCU4RSVFNiU4QyU4OUYxMiVFOSU5NCVBRSVFNiU4OCU5NiVFOCU4MCU4NSVFNCVCRCVCRiVFNyU5NCVBOCVFNSVCRiVBQiVFNiU4RCVCNyVFOSU5NCVBRUN0cmwrU2hpZnQrSSVFNiU5RCVBNSVFNiU4OSU5MyVFNSVCQyU4MCVFNSVCQyU4MCVFNSU4RiU5MSVFOCU4MCU4NSVFNSVCNyVBNSVFNSU4NSVCNw==\" rel=\"noopener noreferrer nofollow\"><a href=\"https:\/\/www.zhaozhao123.cn\/skin\/go?url=aHR0cDovL3lvdXJkb21haW4uY29tLyYjNjUyODk7JiM2NTI5MjsmIzI4OTgyOyYjMjE1MTg7JiMyNTM1MztGMTImIzM4MTkwOyYjMjUxMTA7JiMzMjc3MzsmIzIwMzUxOyYjMjk5OTI7JiMyNDU1NTsmIzI1NDYzOyYjMzgxOTA7Q3RybCtTaGlmdCtJJiMyNjQ2OTsmIzI1MTcxOyYjMjQzMjA7JiMyNDMyMDsmIzIxNDU3OyYjMzI3NzM7JiMyNDAzNzsmIzAzODsjMjA4NTU=\" rel=\"noopener noreferrer nofollow\" rel=\"nofollow\">http:\/\/yourdomain.com\/&#65289;&#65292;&#28982;&#21518;&#25353;F12&#38190;&#25110;&#32773;&#20351;&#29992;&#24555;&#25463;&#38190;Ctrl+Shift+I&#26469;&#25171;&#24320;&#24320;&#21457;&#32773;&#24037;&#038;#20855<\/a>;<\/a>&#12290;<\/p>\n<h3>3. &#21019;&#24314;&#19968;&#20010;&#26032;&#25991;&#20214;&#22841;&#29992;&#20110;&#23384;&#20648;&#22788;&#29702;&#21518;&#30340;&#22270;&#29255;<\/h3>\n<p>&#22312;&#24320;&#21457;&#32773;&#24037;&#20855;&#20013;&#65292;&#25214;&#21040;&ldquo;File&rdquo;&#36873;&#39033;&#21345;&#65292;&#22312;&#39030;&#37096;&#33756;&#21333;&#26639;&#36873;&#25321;&ldquo;New File&rdquo;&#65292;&#28982;&#21518;&#36755;&#20837;&#19968;&#20010;&#26032;&#30340;&#25991;&#20214;&#21517;&#65288;&#22914;&ldquo;processed_images&rdquo;&#65289;&#12290;&#28857;&#20987;&ldquo;Create&rdquo;&#12290;<\/p>\n<h3>4. &#23558;&#26032;&#25991;&#20214;&#22841;&#25302;&#25918;&#21040;HTML5 Canvas&#19978;<\/h3>\n<p>&#22312;&#24320;&#21457;&#32773;&#24037;&#20855;&#20013;&#65292;&#21491;&#20987;&#26032;&#21019;&#24314;&#30340;&#25991;&#20214;&#22841;&#65292;&#36873;&#25321;&ldquo;Insert into Document&rdquo;&#12290;&#36825;&#23558;&#25226;&#25991;&#20214;&#22841;&#28155;&#21152;&#21040;&#24403;&#21069;&#39029;&#38754;&#30340;HTML&#25991;&#26723;&#20013;&#12290;&#30830;&#20445;&#23427;&#34987;&#27491;&#30830;&#22320;&#25918;&#32622;&#22312;Canvas&#20803;&#32032;&#19978;&#65292;&#20197;&#20415;&#20110;&#21518;&#32493;&#25805;&#20316;&#12290;<\/p>\n<h3>5. &#32534;&#36753;Canvas&#20803;&#32032;<\/h3>\n<p>&#25214;&#21040;&#24182;&#21452;&#20987;Canvas&#20803;&#32032;&#65292;&#36825;&#26679;&#20320;&#23601;&#21487;&#20197;&#32534;&#36753;&#23427;&#30340;&#26679;&#24335;&#21644;&#34892;&#20026;&#12290;&#22312;&#36825;&#20010;&#20363;&#23376;&#20013;&#65292;&#25105;&#20204;&#19981;&#38656;&#35201;&#23545;Canvas&#20570;&#22826;&#22810;&#20462;&#25913;&#65292;&#22240;&#20026;&#23427;&#21482;&#26159;&#19968;&#20010;&#23481;&#22120;&#65292;&#29992;&#20110;&#23384;&#25918;&#25105;&#20204;&#24819;&#35201;&#22788;&#29702;&#30340;&#22823;&#22270;&#20687;&#12290;<\/p>\n<h3>6. &#25554;&#20837;&#22823;&#22270;&#20687;<\/h3>\n<p>&#23558;&#20320;&#35201;&#22788;&#29702;&#30340;&#22823;&#22270;&#20687;&#25554;&#20837;&#21040;Canvas&#20803;&#32032;&#20869;&#12290;&#22914;&#26524;&#20320;&#38656;&#35201;&#22810;&#27425;&#22788;&#29702;&#30456;&#21516;&#31867;&#22411;&#30340;&#22270;&#20687;&#65292;&#21487;&#20197;&#32771;&#34385;&#20351;&#29992;CSS&#30340;&#23186;&#20307;&#26597;&#35810;&#65288;Media Queries&#65289;&#21151;&#33021;&#65292;&#20197;&#20415;&#26356;&#26377;&#25928;&#22320;&#25511;&#21046;&#20854;&#26174;&#31034;&#26041;&#24335;&#12290;<\/p>\n<pre><code class=\"language-html\">&lt;canvas id=\"imageCanvas\"&gt;&lt;\/canvas&gt;<\/code><\/pre>\n<h3>7. &#35774;&#32622;&#22270;&#20687;&#32553;&#25918;&#27604;&#20363;<\/h3>\n<p>&#22312;Canvas&#20803;&#32032;&#20013;&#65292;&#20320;&#21487;&#20197;&#35774;&#32622;&#22270;&#20687;&#30340;&#23485;&#24230;&#21644;&#39640;&#24230;&#12290;&#20551;&#35774;&#25105;&#20204;&#35201;&#22788;&#29702;&#30340;&#22270;&#20687;&#23485;&#24230;&#20026;1000px&#65292;&#39640;&#24230;&#20026;800px&#65306;<\/p>\n<pre><code class=\"language-javascript\">const canvas = document.getElementById('imageCanvas');\nconst ctx = canvas.getContext('2d');\n\n\/\/ &#35774;&#32622;&#22270;&#20687;&#22823;&#23567;\nctx.drawImage(image, 0, 0, 1000, 800);<\/code><\/pre>\n<h3>8. &#22823;&#35268;&#27169;&#35843;&#25972;<\/h3>\n<p>&#22914;&#26524;&#35201;&#23545;&#22823;&#37327;&#22270;&#20687;&#36827;&#34892;&#25209;&#37327;&#35843;&#25972;&#65292;&#20320;&#21487;&#20197;&#32534;&#20889;JavaScript&#33050;&#26412;&#26469;&#36941;&#21382;Canvas&#20013;&#30340;&#25152;&#26377;&#22270;&#20687;&#65292;&#24182;&#24212;&#29992;&#30456;&#21516;&#30340;&#26356;&#25913;&#12290;&#20197;&#19979;&#26159;&#19968;&#20010;&#31616;&#21333;&#30340;&#31034;&#20363;&#65292;&#23637;&#31034;&#20102;&#22914;&#20309;&#35843;&#25972;&#25152;&#26377;&#22270;&#20687;&#30340;&#39640;&#24230;&#21644;&#23485;&#24230;&#65306;<\/p>\n<pre><code class=\"language-javascript\">const canvasImages = document.querySelectorAll('#imageCanvas img');\n\nfor (let i = 0; i &lt; canvasImages.length; i++) {\n    const image = canvasImages[i];\n    const width = image.width;\n    const height = image.height;\n\n    \/\/ &#35843;&#25972;&#22270;&#20687;&#22823;&#23567;\n    image.style.width = `${width}px`;\n    image.style.height = `${height}px`;\n}<\/code><\/pre>\n<h3>9. &#20445;&#23384;&#21644;&#21457;&#24067;&#22788;&#29702;&#21518;&#30340;&#22270;&#29255;<\/h3>\n<p>&#23436;&#25104;&#19978;&#36848;&#27493;&#39588;&#21518;&#65292;&#20320;&#24212;&#35813;&#33021;&#30475;&#21040;&#20320;&#30340;&#32593;&#31449;&#19978;&#25152;&#26377;&#30340;&#22823;&#22270;&#20687;&#37117;&#36827;&#34892;&#20102;&#35843;&#25972;&#12290;&#25509;&#19979;&#26469;&#65292;&#20320;&#38656;&#35201;&#20445;&#23384;&#36825;&#20123;&#22788;&#29702;&#36807;&#30340;&#22270;&#29255;&#65292;&#24182;&#23558;&#20854;&#19978;&#20256;&#22238;WordPress&#30340;&#20027;&#39064;&#25110;&#25554;&#20214;&#12290;<\/p>\n<h3>10. &#27979;&#35797;&#19982;&#21457;&#24067;<\/h3>\n<p>&#26368;&#21518;&#19968;&#27493;&#26159;&#27979;&#35797;&#20320;&#30340;&#32593;&#31449;&#20197;&#30830;&#20445;&#25152;&#26377;&#22823;&#22270;&#20687;&#37117;&#34987;&#27491;&#30830;&#22320;&#35843;&#25972;&#12290;&#22914;&#26524;&#20320;&#21457;&#29616;&#26377;&#20219;&#20309;&#38382;&#39064;&#65292;&#35831;&#36820;&#22238;&#27493;&#39588;4&#65292;&#37325;&#26032;&#21019;&#24314;&#26032;&#30340;&#25991;&#20214;&#22841;&#24182;&#23558;&#26032;&#30340;&#22823;&#22270;&#20687;&#25554;&#20837;&#21040;Canvas&#20013;&#12290;<\/p>\n<p>&#36890;&#36807;&#20197;&#19978;&#27493;&#39588;&#65292;&#20320;&#21487;&#20197;&#22312;WordPress&#20013;&#36731;&#26494;&#22320;&#25209;&#37327;&#35843;&#25972;&#22823;&#22270;&#20687;&#12290;&#36825;&#20010;&#36807;&#31243;&#34429;&#28982;&#31616;&#21333;&#65292;&#20294;&#23454;&#38469;&#24212;&#29992;&#26102;&#21487;&#33021;&#20250;&#36935;&#21040;&#19968;&#20123;&#25361;&#25112;&#65292;&#27604;&#22914;&#22914;&#20309;&#26356;&#22909;&#22320;&#21033;&#29992;Canvas&#20803;&#32032;&#26469;&#22788;&#29702;&#22270;&#29255;&#12289;&#22914;&#20309;&#36991;&#20813;&#20986;&#29616;&#20860;&#23481;&#24615;&#38382;&#39064;&#31561;&#12290;&#24076;&#26395;&#36825;&#31687;&#25945;&#31243;&#33021;&#24110;&#21161;&#20320;&#25104;&#21151;&#22320;&#23454;&#29616;&#36825;&#19968;&#30446;&#26631;&#65281;<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Bug&#32534;&#35793;&#29422; &#35201;&#25209;&#37327;&#35843;&#25972;WordPress&#20013;&#30340;&#22823;&#22270;&#29255;&#65292;&#20320;&#21487;&#20197;&#25353;&#038;#2..<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[2107,2106],"tuisongtax":[],"class_list":["post-3683","post","type-post","status-publish","format-standard","hentry","category-wpdt","tag-cjyy","tag-cjzn"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/3683","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/comments?post=3683"}],"version-history":[{"count":0,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/3683\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/media?parent=3683"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/categories?post=3683"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tags?post=3683"},{"taxonomy":"tuisongtax","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tuisongtax?post=3683"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}