[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"page\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fimage-cropper\u002Fexamples":3,"page-\u002Fdocs\u002Fcore\u002Fimage-cropper\u002Fexamples-zh-Hant":751,"surroundings\u002Fdocs\u002Fcore\u002Fimage-cropper\u002Fexamples-zh-Hant":1993},[4],{"title":5,"ignore":6,"path":7,"stem":8,"children":9,"page":26},"文檔",true,"\u002Fzh-Hant\u002Fdocs","zh-Hant\u002F01.docs",[10,27,743],{"title":11,"path":12,"stem":13,"children":14,"page":-1},"開始使用","\u002Fzh-Hant\u002Fdocs\u002Fwelcome","zh-Hant\u002F01.docs\u002F01.welcome\u002F01.index",[15,17],{"title":16,"path":12,"stem":13},"Welcome",{"title":18,"path":19,"stem":20,"children":21,"page":26},"Get Started","\u002Fzh-Hant\u002Fdocs\u002Fwelcome\u002Fget-started","zh-Hant\u002F01.docs\u002F01.welcome\u002F01.get-started",[22],{"title":23,"path":24,"stem":25},"安裝","\u002Fzh-Hant\u002Fdocs\u002Fwelcome\u002Fget-started\u002Finstallation","zh-Hant\u002F01.docs\u002F01.welcome\u002F01.get-started\u002F02.installation",false,{"title":28,"path":29,"stem":30,"children":31,"page":26},"核心工具","\u002Fzh-Hant\u002Fdocs\u002Fcore","zh-Hant\u002F01.docs\u002F02.core",[32,57,69,77,112,142,172,187,196,226,240,269,278,286,295,312,320,340,372,409,440,449,457,466,487,511,539,567,595,622,649,686,713],{"title":33,"path":34,"stem":35,"children":36,"page":26},"MD5","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fmd5","zh-Hant\u002F01.docs\u002F02.core\u002F01.md5",[37,41,45,49,53],{"title":38,"path":39,"stem":40},"介紹","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fmd5\u002Fintroduction","zh-Hant\u002F01.docs\u002F02.core\u002F01.md5\u002F01.introduction",{"title":42,"path":43,"stem":44},"基本使用","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fmd5\u002Fbasic-usage","zh-Hant\u002F01.docs\u002F02.core\u002F01.md5\u002F02.basic-usage",{"title":46,"path":47,"stem":48},"高級功能","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fmd5\u002Fadvanced-features","zh-Hant\u002F01.docs\u002F02.core\u002F01.md5\u002F03.advanced-features",{"title":50,"path":51,"stem":52},"安全考慮","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fmd5\u002Fsecurity-considerations","zh-Hant\u002F01.docs\u002F02.core\u002F01.md5\u002F04.security-considerations",{"title":54,"path":55,"stem":56},"API 參考","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fmd5\u002Fapi-reference","zh-Hant\u002F01.docs\u002F02.core\u002F01.md5\u002F05.api-reference",{"title":58,"path":59,"stem":60,"children":61,"page":26},"UUID","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fuuid","zh-Hant\u002F01.docs\u002F02.core\u002F02.uuid",[62,65],{"title":38,"path":63,"stem":64},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fuuid\u002Fintroduction","zh-Hant\u002F01.docs\u002F02.core\u002F02.uuid\u002F01.introduction",{"title":66,"path":67,"stem":68},"API","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fuuid\u002Fapi","zh-Hant\u002F01.docs\u002F02.core\u002F02.uuid\u002F02.api",{"title":70,"path":71,"stem":72,"children":73,"page":26},"QR Code Generator","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fqr-code-generator","zh-Hant\u002F01.docs\u002F02.core\u002F03.qr-code-generator",[74],{"title":70,"path":75,"stem":76},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fqr-code-generator\u002Fintroduction","zh-Hant\u002F01.docs\u002F02.core\u002F03.qr-code-generator\u002F01.introduction",{"title":78,"path":79,"stem":80,"children":81,"page":26},"Image Cropper","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fimage-cropper","zh-Hant\u002F01.docs\u002F02.core\u002F04.image-cropper",[82,85,89,93,97,100,104,108],{"title":38,"path":83,"stem":84},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fimage-cropper\u002Fintroduction","zh-Hant\u002F01.docs\u002F02.core\u002F04.image-cropper\u002F0.introduction",{"title":86,"path":87,"stem":88},"基本用法","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fimage-cropper\u002Fbasic-usage","zh-Hant\u002F01.docs\u002F02.core\u002F04.image-cropper\u002F02.basic-usage",{"title":90,"path":91,"stem":92},"進階功能","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fimage-cropper\u002Fadvanced-features","zh-Hant\u002F01.docs\u002F02.core\u002F04.image-cropper\u002F03.advanced-features",{"title":94,"path":95,"stem":96},"安全注意事項","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fimage-cropper\u002Fsecurity-considerations","zh-Hant\u002F01.docs\u002F02.core\u002F04.image-cropper\u002F04.security-considerations",{"title":54,"path":98,"stem":99},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fimage-cropper\u002Fapi-reference","zh-Hant\u002F01.docs\u002F02.core\u002F04.image-cropper\u002F05.api-reference",{"title":101,"path":102,"stem":103},"範例","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fimage-cropper\u002Fexamples","zh-Hant\u002F01.docs\u002F02.core\u002F04.image-cropper\u002F06.examples",{"title":105,"path":106,"stem":107},"常見問題","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fimage-cropper\u002Ffaq","zh-Hant\u002F01.docs\u002F02.core\u002F04.image-cropper\u002F07.faq",{"title":109,"path":110,"stem":111},"相關工具","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fimage-cropper\u002Frelated-tools","zh-Hant\u002F01.docs\u002F02.core\u002F04.image-cropper\u002F08.related-tools",{"title":113,"path":114,"stem":115,"children":116,"page":26},"Json To Csv","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fjson-to-csv","zh-Hant\u002F01.docs\u002F02.core\u002F05.json-to-csv",[117,121,124,127,130,133,136,139],{"title":118,"path":119,"stem":120},"Introduction","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fjson-to-csv\u002Fintroduction","zh-Hant\u002F01.docs\u002F02.core\u002F05.json-to-csv\u002F0.introduction",{"title":86,"path":122,"stem":123},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fjson-to-csv\u002Fbasic-usage","zh-Hant\u002F01.docs\u002F02.core\u002F05.json-to-csv\u002F02.basic-usage",{"title":90,"path":125,"stem":126},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fjson-to-csv\u002Fadvanced-features","zh-Hant\u002F01.docs\u002F02.core\u002F05.json-to-csv\u002F03.advanced-features",{"title":94,"path":128,"stem":129},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fjson-to-csv\u002Fsecurity-considerations","zh-Hant\u002F01.docs\u002F02.core\u002F05.json-to-csv\u002F04.security-considerations",{"title":54,"path":131,"stem":132},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fjson-to-csv\u002Fapi-reference","zh-Hant\u002F01.docs\u002F02.core\u002F05.json-to-csv\u002F05.api-reference",{"title":101,"path":134,"stem":135},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fjson-to-csv\u002Fexamples","zh-Hant\u002F01.docs\u002F02.core\u002F05.json-to-csv\u002F06.examples",{"title":105,"path":137,"stem":138},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fjson-to-csv\u002Ffaq","zh-Hant\u002F01.docs\u002F02.core\u002F05.json-to-csv\u002F07.faq",{"title":109,"path":140,"stem":141},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fjson-to-csv\u002Frelated-tools","zh-Hant\u002F01.docs\u002F02.core\u002F05.json-to-csv\u002F08.related-tools",{"title":143,"path":144,"stem":145,"children":146,"page":26},"Open Graph Meta Generator","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fopen-graph-meta-generator","zh-Hant\u002F01.docs\u002F02.core\u002F05.open-graph-meta-generator",[147,150,154,157,160,163,166,169],{"title":118,"path":148,"stem":149},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fopen-graph-meta-generator\u002Fintroduction","zh-Hant\u002F01.docs\u002F02.core\u002F05.open-graph-meta-generator\u002F0.introduction",{"title":151,"path":152,"stem":153},"基礎用法指南","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fopen-graph-meta-generator\u002Fbasic-usage","zh-Hant\u002F01.docs\u002F02.core\u002F05.open-graph-meta-generator\u002F02.basic-usage",{"title":90,"path":155,"stem":156},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fopen-graph-meta-generator\u002Fadvanced-features","zh-Hant\u002F01.docs\u002F02.core\u002F05.open-graph-meta-generator\u002F03.advanced-features",{"title":94,"path":158,"stem":159},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fopen-graph-meta-generator\u002Fsecurity-considerations","zh-Hant\u002F01.docs\u002F02.core\u002F05.open-graph-meta-generator\u002F04.security-considerations",{"title":54,"path":161,"stem":162},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fopen-graph-meta-generator\u002Fapi-reference","zh-Hant\u002F01.docs\u002F02.core\u002F05.open-graph-meta-generator\u002F05.api-reference",{"title":101,"path":164,"stem":165},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fopen-graph-meta-generator\u002Fexamples","zh-Hant\u002F01.docs\u002F02.core\u002F05.open-graph-meta-generator\u002F06.examples",{"title":105,"path":167,"stem":168},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fopen-graph-meta-generator\u002Ffaq","zh-Hant\u002F01.docs\u002F02.core\u002F05.open-graph-meta-generator\u002F07.faq",{"title":109,"path":170,"stem":171},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fopen-graph-meta-generator\u002Frelated-tools","zh-Hant\u002F01.docs\u002F02.core\u002F05.open-graph-meta-generator\u002F08.related-tools",{"title":173,"path":174,"stem":175,"children":176,"page":26},"Scientific Calculator","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fscientific-calculator","zh-Hant\u002F01.docs\u002F02.core\u002F05.scientific-calculator",[177,180,184],{"title":118,"path":178,"stem":179},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fscientific-calculator\u002Fintroduction","zh-Hant\u002F01.docs\u002F02.core\u002F05.scientific-calculator\u002F0.introduction",{"title":181,"path":182,"stem":183},"基礎用法","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fscientific-calculator\u002Fbasic-usage","zh-Hant\u002F01.docs\u002F02.core\u002F05.scientific-calculator\u002F02.basic-usage",{"title":90,"path":185,"stem":186},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fscientific-calculator\u002Fadvanced-features","zh-Hant\u002F01.docs\u002F02.core\u002F05.scientific-calculator\u002F03.advanced-features",{"title":188,"path":189,"stem":190,"children":191,"page":26},"Sha Calculator","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fsha-calculator","zh-Hant\u002F01.docs\u002F02.core\u002F05.sha-calculator",[192],{"title":193,"path":194,"stem":195},"SHA 雜湊計算器","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fsha-calculator\u002Fintroduction","zh-Hant\u002F01.docs\u002F02.core\u002F05.sha-calculator\u002F0.introduction",{"title":197,"path":198,"stem":199,"children":200,"page":26},"Sql Prettify","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fsql-prettify","zh-Hant\u002F01.docs\u002F02.core\u002F05.sql-prettify",[201,204,207,210,214,217,220,223],{"title":118,"path":202,"stem":203},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fsql-prettify\u002Fintroduction","zh-Hant\u002F01.docs\u002F02.core\u002F05.sql-prettify\u002F0.introduction",{"title":42,"path":205,"stem":206},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fsql-prettify\u002Fbasic-usage","zh-Hant\u002F01.docs\u002F02.core\u002F05.sql-prettify\u002F02.basic-usage",{"title":90,"path":208,"stem":209},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fsql-prettify\u002Fadvanced-features","zh-Hant\u002F01.docs\u002F02.core\u002F05.sql-prettify\u002F03.advanced-features",{"title":211,"path":212,"stem":213},"安全性注意事項","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fsql-prettify\u002Fsecurity-considerations","zh-Hant\u002F01.docs\u002F02.core\u002F05.sql-prettify\u002F04.security-considerations",{"title":54,"path":215,"stem":216},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fsql-prettify\u002Fapi-reference","zh-Hant\u002F01.docs\u002F02.core\u002F05.sql-prettify\u002F05.api-reference",{"title":101,"path":218,"stem":219},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fsql-prettify\u002Fexamples","zh-Hant\u002F01.docs\u002F02.core\u002F05.sql-prettify\u002F06.examples",{"title":105,"path":221,"stem":222},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fsql-prettify\u002Ffaq","zh-Hant\u002F01.docs\u002F02.core\u002F05.sql-prettify\u002F07.faq",{"title":109,"path":224,"stem":225},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fsql-prettify\u002Frelated-tools","zh-Hant\u002F01.docs\u002F02.core\u002F05.sql-prettify\u002F08.related-tools",{"title":227,"path":228,"stem":229,"children":230,"page":26},"Yaml To Toml","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fyaml-to-toml","zh-Hant\u002F01.docs\u002F02.core\u002F05.yaml-to-toml",[231,234,237],{"title":118,"path":232,"stem":233},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fyaml-to-toml\u002Fintroduction","zh-Hant\u002F01.docs\u002F02.core\u002F05.yaml-to-toml\u002F0.introduction",{"title":42,"path":235,"stem":236},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fyaml-to-toml\u002Fbasic-usage","zh-Hant\u002F01.docs\u002F02.core\u002F05.yaml-to-toml\u002F02.basic-usage",{"title":90,"path":238,"stem":239},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fyaml-to-toml\u002Fadvanced-features","zh-Hant\u002F01.docs\u002F02.core\u002F05.yaml-to-toml\u002F03.advanced-features",{"title":241,"path":242,"stem":243,"children":244,"page":26},"Beyond Compare","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fbeyond-compare","zh-Hant\u002F01.docs\u002F02.core\u002F06.beyond-compare",[245,248,251,254,257,260,263,266],{"title":118,"path":246,"stem":247},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fbeyond-compare\u002Fintroduction","zh-Hant\u002F01.docs\u002F02.core\u002F06.beyond-compare\u002F0.introduction",{"title":86,"path":249,"stem":250},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fbeyond-compare\u002Fbasic-usage","zh-Hant\u002F01.docs\u002F02.core\u002F06.beyond-compare\u002F02.basic-usage",{"title":90,"path":252,"stem":253},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fbeyond-compare\u002Fadvanced-features","zh-Hant\u002F01.docs\u002F02.core\u002F06.beyond-compare\u002F03.advanced-features",{"title":94,"path":255,"stem":256},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fbeyond-compare\u002Fsecurity-considerations","zh-Hant\u002F01.docs\u002F02.core\u002F06.beyond-compare\u002F04.security-considerations",{"title":54,"path":258,"stem":259},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fbeyond-compare\u002Fapi-reference","zh-Hant\u002F01.docs\u002F02.core\u002F06.beyond-compare\u002F05.api-reference",{"title":101,"path":261,"stem":262},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fbeyond-compare\u002Fexamples","zh-Hant\u002F01.docs\u002F02.core\u002F06.beyond-compare\u002F06.examples",{"title":105,"path":264,"stem":265},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fbeyond-compare\u002Ffaq","zh-Hant\u002F01.docs\u002F02.core\u002F06.beyond-compare\u002F07.faq",{"title":109,"path":267,"stem":268},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fbeyond-compare\u002Frelated-tools","zh-Hant\u002F01.docs\u002F02.core\u002F06.beyond-compare\u002F08.related-tools",{"title":270,"path":271,"stem":272,"children":273,"page":26},"Clock","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fclock","zh-Hant\u002F01.docs\u002F02.core\u002F06.clock",[274],{"title":275,"path":276,"stem":277},"Clock Tool","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fclock\u002Fintroduction","zh-Hant\u002F01.docs\u002F02.core\u002F06.clock\u002F0.introduction",{"title":279,"path":280,"stem":281,"children":282,"page":26},"Group Chat","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fgroup-chat","zh-Hant\u002F01.docs\u002F02.core\u002F06.group-chat",[283],{"title":118,"path":284,"stem":285},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fgroup-chat\u002Fintroduction","zh-Hant\u002F01.docs\u002F02.core\u002F06.group-chat\u002F0.introduction",{"title":287,"path":288,"stem":289,"children":290,"page":26},"Hmac Calculator","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fhmac-calculator","zh-Hant\u002F01.docs\u002F02.core\u002F06.hmac-calculator",[291],{"title":292,"path":293,"stem":294},"HMAC 計算器","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fhmac-calculator\u002Fintroduction","zh-Hant\u002F01.docs\u002F02.core\u002F06.hmac-calculator\u002F0.introduction",{"title":296,"path":297,"stem":298,"children":299,"page":26},"Jwt Parser","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fjwt-parser","zh-Hant\u002F01.docs\u002F02.core\u002F06.jwt-parser",[300,303,306,309],{"title":118,"path":301,"stem":302},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fjwt-parser\u002Fintroduction","zh-Hant\u002F01.docs\u002F02.core\u002F06.jwt-parser\u002F0.introduction",{"title":42,"path":304,"stem":305},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fjwt-parser\u002Fbasic-usage","zh-Hant\u002F01.docs\u002F02.core\u002F06.jwt-parser\u002F02.basic-usage",{"title":46,"path":307,"stem":308},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fjwt-parser\u002Fadvanced-features","zh-Hant\u002F01.docs\u002F02.core\u002F06.jwt-parser\u002F03.advanced-features",{"title":94,"path":310,"stem":311},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fjwt-parser\u002Fsecurity-considerations","zh-Hant\u002F01.docs\u002F02.core\u002F06.jwt-parser\u002F04.security-considerations",{"title":313,"path":314,"stem":315,"children":316,"page":26},"Screenshot Tool","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fscreenshot-tool","zh-Hant\u002F01.docs\u002F02.core\u002F07.screenshot-tool",[317],{"title":118,"path":318,"stem":319},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fscreenshot-tool\u002Fintroduction","zh-Hant\u002F01.docs\u002F02.core\u002F07.screenshot-tool\u002F0.introduction",{"title":321,"path":322,"stem":323,"children":324,"page":26},"Area Converter","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Farea-converter","zh-Hant\u002F01.docs\u002F02.core\u002F08.area-converter",[325,328,331,334,337],{"title":118,"path":326,"stem":327},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Farea-converter\u002Fintroduction","zh-Hant\u002F01.docs\u002F02.core\u002F08.area-converter\u002F0.introduction",{"title":42,"path":329,"stem":330},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Farea-converter\u002Fbasic-usage","zh-Hant\u002F01.docs\u002F02.core\u002F08.area-converter\u002F02.basic-usage",{"title":90,"path":332,"stem":333},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Farea-converter\u002Fadvanced-features","zh-Hant\u002F01.docs\u002F02.core\u002F08.area-converter\u002F03.advanced-features",{"title":101,"path":335,"stem":336},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Farea-converter\u002Fexamples","zh-Hant\u002F01.docs\u002F02.core\u002F08.area-converter\u002F04.examples",{"title":105,"path":338,"stem":339},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Farea-converter\u002Ffaq","zh-Hant\u002F01.docs\u002F02.core\u002F08.area-converter\u002F05.faq",{"title":341,"path":342,"stem":343,"children":344,"page":26},"Camera Recorder","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fcamera-recorder","zh-Hant\u002F01.docs\u002F02.core\u002F08.camera-recorder",[345,348,352,356,360,364,368],{"title":118,"path":346,"stem":347},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fcamera-recorder\u002Fintroduction","zh-Hant\u002F01.docs\u002F02.core\u002F08.camera-recorder\u002F0.introduction",{"title":349,"path":350,"stem":351},"Basic Usage","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fcamera-recorder\u002Fbasic-usage","zh-Hant\u002F01.docs\u002F02.core\u002F08.camera-recorder\u002F02.basic-usage",{"title":353,"path":354,"stem":355},"Advanced Features","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fcamera-recorder\u002Fadvanced-features","zh-Hant\u002F01.docs\u002F02.core\u002F08.camera-recorder\u002F03.advanced-features",{"title":357,"path":358,"stem":359},"Examples","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fcamera-recorder\u002Fexamples","zh-Hant\u002F01.docs\u002F02.core\u002F08.camera-recorder\u002F04.examples",{"title":361,"path":362,"stem":363},"Frequently Asked Questions","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fcamera-recorder\u002Ffaq","zh-Hant\u002F01.docs\u002F02.core\u002F08.camera-recorder\u002F05.faq",{"title":365,"path":366,"stem":367},"Related Tools","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fcamera-recorder\u002Frelated-tools","zh-Hant\u002F01.docs\u002F02.core\u002F08.camera-recorder\u002F06.related-tools",{"title":369,"path":370,"stem":371},"Security Considerations","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fcamera-recorder\u002Fsecurity-considerations","zh-Hant\u002F01.docs\u002F02.core\u002F08.camera-recorder\u002F07.security-considerations",{"title":373,"path":374,"stem":375,"children":376,"page":26},"Cursor Canvas","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fcursor-canvas","zh-Hant\u002F01.docs\u002F02.core\u002F09.cursor-canvas",[377,381,385,389,393,397,401,405],{"title":378,"path":379,"stem":380},"簡介 - Cursor Canvas","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fcursor-canvas\u002Fintroduction","zh-Hant\u002F01.docs\u002F02.core\u002F09.cursor-canvas\u002F0.introduction",{"title":382,"path":383,"stem":384},"基本用法 - Cursor Canvas","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fcursor-canvas\u002Fbasic-usage","zh-Hant\u002F01.docs\u002F02.core\u002F09.cursor-canvas\u002F02.basic-usage",{"title":386,"path":387,"stem":388},"進階功能 - Cursor Canvas","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fcursor-canvas\u002Fadvanced-features","zh-Hant\u002F01.docs\u002F02.core\u002F09.cursor-canvas\u002F03.advanced-features",{"title":390,"path":391,"stem":392},"安全說明 - Cursor Canvas","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fcursor-canvas\u002Fsecurity-considerations","zh-Hant\u002F01.docs\u002F02.core\u002F09.cursor-canvas\u002F04.security-considerations",{"title":394,"path":395,"stem":396},"API 參考 - Cursor Canvas","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fcursor-canvas\u002Fapi-reference","zh-Hant\u002F01.docs\u002F02.core\u002F09.cursor-canvas\u002F05.api-reference",{"title":398,"path":399,"stem":400},"示例 - Cursor Canvas","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fcursor-canvas\u002Fexamples","zh-Hant\u002F01.docs\u002F02.core\u002F09.cursor-canvas\u002F06.examples",{"title":402,"path":403,"stem":404},"常見問題 - Cursor Canvas","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fcursor-canvas\u002Ffaq","zh-Hant\u002F01.docs\u002F02.core\u002F09.cursor-canvas\u002F07.faq",{"title":406,"path":407,"stem":408},"相關工具 - Cursor Canvas","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fcursor-canvas\u002Frelated-tools","zh-Hant\u002F01.docs\u002F02.core\u002F09.cursor-canvas\u002F08.related-tools",{"title":410,"path":411,"stem":412,"children":413,"page":26},"Todo List","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Ftodo-list","zh-Hant\u002F01.docs\u002F02.core\u002F09.todo-list",[414,418,421,424,427,430,434,437],{"title":415,"path":416,"stem":417},"待辦事項清單","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Ftodo-list\u002Fintroduction","zh-Hant\u002F01.docs\u002F02.core\u002F09.todo-list\u002F0.introduction",{"title":42,"path":419,"stem":420},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Ftodo-list\u002Fbasic-usage","zh-Hant\u002F01.docs\u002F02.core\u002F09.todo-list\u002F02.basic-usage",{"title":90,"path":422,"stem":423},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Ftodo-list\u002Fadvanced-features","zh-Hant\u002F01.docs\u002F02.core\u002F09.todo-list\u002F03.advanced-features",{"title":94,"path":425,"stem":426},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Ftodo-list\u002Fsecurity-considerations","zh-Hant\u002F01.docs\u002F02.core\u002F09.todo-list\u002F04.security-considerations",{"title":54,"path":428,"stem":429},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Ftodo-list\u002Fapi-reference","zh-Hant\u002F01.docs\u002F02.core\u002F09.todo-list\u002F05.api-reference",{"title":431,"path":432,"stem":433},"使用範例","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Ftodo-list\u002Fexamples","zh-Hant\u002F01.docs\u002F02.core\u002F09.todo-list\u002F06.examples",{"title":105,"path":435,"stem":436},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Ftodo-list\u002Ffaq","zh-Hant\u002F01.docs\u002F02.core\u002F09.todo-list\u002F07.faq",{"title":109,"path":438,"stem":439},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Ftodo-list\u002Frelated-tools","zh-Hant\u002F01.docs\u002F02.core\u002F09.todo-list\u002F08.related-tools",{"title":441,"path":442,"stem":443,"children":444,"page":26},"Keycode Info","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fkeycode-info","zh-Hant\u002F01.docs\u002F02.core\u002F13.keycode-info",[445],{"title":446,"path":447,"stem":448},"鍵碼資訊 - 介紹","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fkeycode-info\u002Fintroduction","zh-Hant\u002F01.docs\u002F02.core\u002F13.keycode-info\u002F0.introduction",{"title":450,"path":451,"stem":452,"children":453,"page":26},"Temperature Converter","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Ftemperature-converter","zh-Hant\u002F01.docs\u002F02.core\u002F20.temperature-converter",[454],{"title":118,"path":455,"stem":456},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Ftemperature-converter\u002Fintroduction","zh-Hant\u002F01.docs\u002F02.core\u002F20.temperature-converter\u002F0.introduction",{"title":458,"path":459,"stem":460,"children":461,"page":26},"Black Wallpaper","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fblack-wallpaper","zh-Hant\u002F01.docs\u002F02.core\u002F23.black-wallpaper",[462],{"title":463,"path":464,"stem":465},"全黑屏壁紙生成器","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fblack-wallpaper\u002Fintroduction","zh-Hant\u002F01.docs\u002F02.core\u002F23.black-wallpaper\u002F0.introduction",{"title":467,"path":468,"stem":469,"children":470,"page":26},"Text Diff","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Ftext-diff","zh-Hant\u002F01.docs\u002F02.core\u002F23.text-diff",[471,475,479,483],{"title":472,"path":473,"stem":474},"Text Diff 工具 - 介紹","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Ftext-diff\u002Fintroduction","zh-Hant\u002F01.docs\u002F02.core\u002F23.text-diff\u002F0.introduction",{"title":476,"path":477,"stem":478},"基本使用 - Text Diff 工具","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Ftext-diff\u002Fbasic-usage","zh-Hant\u002F01.docs\u002F02.core\u002F23.text-diff\u002F02.basic-usage",{"title":480,"path":481,"stem":482},"進階功能 - Text Diff 工具","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Ftext-diff\u002Fadvanced-features","zh-Hant\u002F01.docs\u002F02.core\u002F23.text-diff\u002F03.advanced-features",{"title":484,"path":485,"stem":486},"常見問題 - Text Diff 工具","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Ftext-diff\u002Ffaq","zh-Hant\u002F01.docs\u002F02.core\u002F23.text-diff\u002F05.faq",{"title":488,"path":489,"stem":490,"children":491,"page":26},"M3u8 Player","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fm3u8-player","zh-Hant\u002F01.docs\u002F02.core\u002F26.m3u8-player",[492,495,498,501,504,508],{"title":118,"path":493,"stem":494},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fm3u8-player\u002Fintroduction","zh-Hant\u002F01.docs\u002F02.core\u002F26.m3u8-player\u002F0.introduction",{"title":42,"path":496,"stem":497},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fm3u8-player\u002Fbasic-usage","zh-Hant\u002F01.docs\u002F02.core\u002F26.m3u8-player\u002F02.basic-usage",{"title":90,"path":499,"stem":500},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fm3u8-player\u002Fadvanced-features","zh-Hant\u002F01.docs\u002F02.core\u002F26.m3u8-player\u002F03.advanced-features",{"title":54,"path":502,"stem":503},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fm3u8-player\u002Fapi-reference","zh-Hant\u002F01.docs\u002F02.core\u002F26.m3u8-player\u002F05.api-reference",{"title":505,"path":506,"stem":507},"範例程式碼","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fm3u8-player\u002Fexamples","zh-Hant\u002F01.docs\u002F02.core\u002F26.m3u8-player\u002F06.examples",{"title":105,"path":509,"stem":510},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fm3u8-player\u002Ffaq","zh-Hant\u002F01.docs\u002F02.core\u002F26.m3u8-player\u002F07.faq",{"title":512,"path":513,"stem":514,"children":515,"page":26},"Markdown To Pdf","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fmarkdown-to-pdf","zh-Hant\u002F01.docs\u002F02.core\u002F27.markdown-to-pdf",[516,520,523,526,530,533,536],{"title":517,"path":518,"stem":519},"Markdown 转 PDF","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fmarkdown-to-pdf\u002Fintroduction","zh-Hant\u002F01.docs\u002F02.core\u002F27.markdown-to-pdf\u002F0.introduction",{"title":86,"path":521,"stem":522},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fmarkdown-to-pdf\u002Fbasic-usage","zh-Hant\u002F01.docs\u002F02.core\u002F27.markdown-to-pdf\u002F02.basic-usage",{"title":90,"path":524,"stem":525},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fmarkdown-to-pdf\u002Fadvanced-features","zh-Hant\u002F01.docs\u002F02.core\u002F27.markdown-to-pdf\u002F03.advanced-features",{"title":527,"path":528,"stem":529},"安全说明","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fmarkdown-to-pdf\u002Fsecurity-considerations","zh-Hant\u002F01.docs\u002F02.core\u002F27.markdown-to-pdf\u002F04.security-considerations",{"title":101,"path":531,"stem":532},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fmarkdown-to-pdf\u002Fexamples","zh-Hant\u002F01.docs\u002F02.core\u002F27.markdown-to-pdf\u002F06.examples",{"title":105,"path":534,"stem":535},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fmarkdown-to-pdf\u002Ffaq","zh-Hant\u002F01.docs\u002F02.core\u002F27.markdown-to-pdf\u002F07.faq",{"title":109,"path":537,"stem":538},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fmarkdown-to-pdf\u002Frelated-tools","zh-Hant\u002F01.docs\u002F02.core\u002F27.markdown-to-pdf\u002F08.related-tools",{"title":540,"path":541,"stem":542,"children":543,"page":26},"Screen Dead Pixel Detector","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fscreen-dead-pixel-detector","zh-Hant\u002F01.docs\u002F02.core\u002F30.screen-dead-pixel-detector",[544,548,551,554,558,561,564],{"title":545,"path":546,"stem":547},"螢幕壞點檢測器","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fscreen-dead-pixel-detector\u002Fintroduction","zh-Hant\u002F01.docs\u002F02.core\u002F30.screen-dead-pixel-detector\u002F0.introduction",{"title":86,"path":549,"stem":550},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fscreen-dead-pixel-detector\u002Fbasic-usage","zh-Hant\u002F01.docs\u002F02.core\u002F30.screen-dead-pixel-detector\u002F02.basic-usage",{"title":90,"path":552,"stem":553},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fscreen-dead-pixel-detector\u002Fadvanced-features","zh-Hant\u002F01.docs\u002F02.core\u002F30.screen-dead-pixel-detector\u002F03.advanced-features",{"title":555,"path":556,"stem":557},"安全與隱私","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fscreen-dead-pixel-detector\u002Fsecurity-considerations","zh-Hant\u002F01.docs\u002F02.core\u002F30.screen-dead-pixel-detector\u002F04.security-considerations",{"title":431,"path":559,"stem":560},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fscreen-dead-pixel-detector\u002Fexamples","zh-Hant\u002F01.docs\u002F02.core\u002F30.screen-dead-pixel-detector\u002F06.examples",{"title":105,"path":562,"stem":563},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fscreen-dead-pixel-detector\u002Ffaq","zh-Hant\u002F01.docs\u002F02.core\u002F30.screen-dead-pixel-detector\u002F07.faq",{"title":109,"path":565,"stem":566},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fscreen-dead-pixel-detector\u002Frelated-tools","zh-Hant\u002F01.docs\u002F02.core\u002F30.screen-dead-pixel-detector\u002F08.related-tools",{"title":568,"path":569,"stem":570,"children":571,"page":26},"Survey Tool","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fsurvey-tool","zh-Hant\u002F01.docs\u002F02.core\u002F31.survey-tool",[572,576,579,582,586,589,592],{"title":573,"path":574,"stem":575},"問卷工具","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fsurvey-tool\u002Fintroduction","zh-Hant\u002F01.docs\u002F02.core\u002F31.survey-tool\u002F0.introduction",{"title":86,"path":577,"stem":578},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fsurvey-tool\u002Fbasic-usage","zh-Hant\u002F01.docs\u002F02.core\u002F31.survey-tool\u002F02.basic-usage",{"title":90,"path":580,"stem":581},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fsurvey-tool\u002Fadvanced-features","zh-Hant\u002F01.docs\u002F02.core\u002F31.survey-tool\u002F03.advanced-features",{"title":583,"path":584,"stem":585},"安全說明","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fsurvey-tool\u002Fsecurity-considerations","zh-Hant\u002F01.docs\u002F02.core\u002F31.survey-tool\u002F04.security-considerations",{"title":431,"path":587,"stem":588},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fsurvey-tool\u002Fexamples","zh-Hant\u002F01.docs\u002F02.core\u002F31.survey-tool\u002F06.examples",{"title":105,"path":590,"stem":591},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fsurvey-tool\u002Ffaq","zh-Hant\u002F01.docs\u002F02.core\u002F31.survey-tool\u002F07.faq",{"title":109,"path":593,"stem":594},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fsurvey-tool\u002Frelated-tools","zh-Hant\u002F01.docs\u002F02.core\u002F31.survey-tool\u002F08.related-tools",{"title":596,"path":597,"stem":598,"children":599,"page":26},"Vue Office","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fvue-office","zh-Hant\u002F01.docs\u002F02.core\u002F32.vue-office",[600,604,607,610,613,616,619],{"title":601,"path":602,"stem":603},"Vue Office 文檔預覽","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fvue-office\u002Fintroduction","zh-Hant\u002F01.docs\u002F02.core\u002F32.vue-office\u002F0.introduction",{"title":86,"path":605,"stem":606},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fvue-office\u002Fbasic-usage","zh-Hant\u002F01.docs\u002F02.core\u002F32.vue-office\u002F02.basic-usage",{"title":90,"path":608,"stem":609},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fvue-office\u002Fadvanced-features","zh-Hant\u002F01.docs\u002F02.core\u002F32.vue-office\u002F03.advanced-features",{"title":583,"path":611,"stem":612},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fvue-office\u002Fsecurity-considerations","zh-Hant\u002F01.docs\u002F02.core\u002F32.vue-office\u002F04.security-considerations",{"title":431,"path":614,"stem":615},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fvue-office\u002Fexamples","zh-Hant\u002F01.docs\u002F02.core\u002F32.vue-office\u002F06.examples",{"title":105,"path":617,"stem":618},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fvue-office\u002Ffaq","zh-Hant\u002F01.docs\u002F02.core\u002F32.vue-office\u002F07.faq",{"title":109,"path":620,"stem":621},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fvue-office\u002Frelated-tools","zh-Hant\u002F01.docs\u002F02.core\u002F32.vue-office\u002F08.related-tools",{"title":623,"path":624,"stem":625,"children":626,"page":26},"Event Calendar","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fevent-calendar","zh-Hant\u002F01.docs\u002F02.core\u002F33.event-calendar",[627,631,634,637,640,643,646],{"title":628,"path":629,"stem":630},"事件日曆","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fevent-calendar\u002Fintroduction","zh-Hant\u002F01.docs\u002F02.core\u002F33.event-calendar\u002F0.introduction",{"title":86,"path":632,"stem":633},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fevent-calendar\u002Fbasic-usage","zh-Hant\u002F01.docs\u002F02.core\u002F33.event-calendar\u002F02.basic-usage",{"title":90,"path":635,"stem":636},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fevent-calendar\u002Fadvanced-features","zh-Hant\u002F01.docs\u002F02.core\u002F33.event-calendar\u002F03.advanced-features",{"title":583,"path":638,"stem":639},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fevent-calendar\u002Fsecurity-considerations","zh-Hant\u002F01.docs\u002F02.core\u002F33.event-calendar\u002F04.security-considerations",{"title":431,"path":641,"stem":642},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fevent-calendar\u002Fexamples","zh-Hant\u002F01.docs\u002F02.core\u002F33.event-calendar\u002F06.examples",{"title":105,"path":644,"stem":645},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fevent-calendar\u002Ffaq","zh-Hant\u002F01.docs\u002F02.core\u002F33.event-calendar\u002F07.faq",{"title":109,"path":647,"stem":648},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fevent-calendar\u002Frelated-tools","zh-Hant\u002F01.docs\u002F02.core\u002F33.event-calendar\u002F08.related-tools",{"title":650,"path":651,"stem":652,"children":653,"page":26},"Html Preview","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fhtml-preview","zh-Hant\u002F01.docs\u002F02.core\u002F35.html-preview",[654,658,662,666,670,674,678,682],{"title":655,"path":656,"stem":657},"Introduction - HTML Preview","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fhtml-preview\u002Fintroduction","zh-Hant\u002F01.docs\u002F02.core\u002F35.html-preview\u002F0.introduction",{"title":659,"path":660,"stem":661},"Basic usage - HTML Preview","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fhtml-preview\u002Fbasic-usage","zh-Hant\u002F01.docs\u002F02.core\u002F35.html-preview\u002F02.basic-usage",{"title":663,"path":664,"stem":665},"Advanced features - HTML Preview","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fhtml-preview\u002Fadvanced-features","zh-Hant\u002F01.docs\u002F02.core\u002F35.html-preview\u002F03.advanced-features",{"title":667,"path":668,"stem":669},"Security considerations - HTML Preview","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fhtml-preview\u002Fsecurity-considerations","zh-Hant\u002F01.docs\u002F02.core\u002F35.html-preview\u002F04.security-considerations",{"title":671,"path":672,"stem":673},"API reference - HTML Preview","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fhtml-preview\u002Fapi-reference","zh-Hant\u002F01.docs\u002F02.core\u002F35.html-preview\u002F05.api-reference",{"title":675,"path":676,"stem":677},"Examples - HTML Preview","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fhtml-preview\u002Fexamples","zh-Hant\u002F01.docs\u002F02.core\u002F35.html-preview\u002F06.examples",{"title":679,"path":680,"stem":681},"FAQ - HTML Preview","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fhtml-preview\u002Ffaq","zh-Hant\u002F01.docs\u002F02.core\u002F35.html-preview\u002F07.faq",{"title":683,"path":684,"stem":685},"Related tools - HTML Preview","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fhtml-preview\u002Frelated-tools","zh-Hant\u002F01.docs\u002F02.core\u002F35.html-preview\u002F08.related-tools",{"title":687,"path":688,"stem":689,"children":690,"page":26},"吐槽網 名片產生器","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fbusiness-card","zh-Hant\u002F01.docs\u002F02.core\u002F36.business-card",[691,694,697,700,703,707,710],{"title":687,"path":692,"stem":693},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fbusiness-card\u002Fintroduction","zh-Hant\u002F01.docs\u002F02.core\u002F36.business-card\u002F0.introduction",{"title":86,"path":695,"stem":696},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fbusiness-card\u002Fbasic-usage","zh-Hant\u002F01.docs\u002F02.core\u002F36.business-card\u002F02.basic-usage",{"title":90,"path":698,"stem":699},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fbusiness-card\u002Fadvanced-features","zh-Hant\u002F01.docs\u002F02.core\u002F36.business-card\u002F03.advanced-features",{"title":583,"path":701,"stem":702},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fbusiness-card\u002Fsecurity-considerations","zh-Hant\u002F01.docs\u002F02.core\u002F36.business-card\u002F04.security-considerations",{"title":704,"path":705,"stem":706},"示例","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fbusiness-card\u002Fexamples","zh-Hant\u002F01.docs\u002F02.core\u002F36.business-card\u002F06.examples",{"title":105,"path":708,"stem":709},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fbusiness-card\u002Ffaq","zh-Hant\u002F01.docs\u002F02.core\u002F36.business-card\u002F07.faq",{"title":109,"path":711,"stem":712},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fbusiness-card\u002Frelated-tools","zh-Hant\u002F01.docs\u002F02.core\u002F36.business-card\u002F08.related-tools",{"title":714,"path":715,"stem":716,"children":717,"page":26},"Base64","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fbase64","zh-Hant\u002F01.docs\u002F02.core\u002Fbase64",[718,721,724,727,731,734,737,740],{"title":118,"path":719,"stem":720},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fbase64\u002Fintroduction","zh-Hant\u002F01.docs\u002F02.core\u002Fbase64\u002F0.introduction",{"title":42,"path":722,"stem":723},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fbase64\u002Fbasic-usage","zh-Hant\u002F01.docs\u002F02.core\u002Fbase64\u002F02.basic-usage",{"title":90,"path":725,"stem":726},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fbase64\u002Fadvanced-features","zh-Hant\u002F01.docs\u002F02.core\u002Fbase64\u002F03.advanced-features",{"title":728,"path":729,"stem":730},"安全考量","\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fbase64\u002Fsecurity-considerations","zh-Hant\u002F01.docs\u002F02.core\u002Fbase64\u002F04.security-considerations",{"title":54,"path":732,"stem":733},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fbase64\u002Fapi-reference","zh-Hant\u002F01.docs\u002F02.core\u002Fbase64\u002F05.api-reference",{"title":101,"path":735,"stem":736},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fbase64\u002Fexamples","zh-Hant\u002F01.docs\u002F02.core\u002Fbase64\u002F06.examples",{"title":105,"path":738,"stem":739},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fbase64\u002Ffaq","zh-Hant\u002F01.docs\u002F02.core\u002Fbase64\u002F07.faq",{"title":109,"path":741,"stem":742},"\u002Fzh-Hant\u002Fdocs\u002Fcore\u002Fbase64\u002Frelated-tools","zh-Hant\u002F01.docs\u002F02.core\u002Fbase64\u002F08.related-tools",{"title":744,"path":745,"stem":746,"children":747,"page":26},"Troubleshooting","\u002Fzh-Hant\u002Fdocs\u002Ftroubleshooting","zh-Hant\u002F01.docs\u002F06.troubleshooting",[748],{"title":105,"path":749,"stem":750},"\u002Fzh-Hant\u002Fdocs\u002Ftroubleshooting\u002Fcommon-issues","zh-Hant\u002F01.docs\u002F06.troubleshooting\u002F01.common-issues",{"id":752,"title":101,"body":753,"description":762,"extension":1988,"meta":1989,"navigation":6,"path":102,"seo":1990,"sitemap":1991,"stem":103,"__hash__":1992},"content_zh_Hant\u002Fzh-Hant\u002F01.docs\u002F02.core\u002F04.image-cropper\u002F06.examples.md",{"type":754,"value":755,"toc":1963},"minimark",[756,759,763,767,771,774,853,859,862,867,900,904,933,937,965,968,971,1021,1024,1028,1032,1042,1045,1051,1054,1060,1063,1066,1123,1126,1190,1193,1196,1231,1234,1237,1241,1268,1272,1296,1300,1324,1328,1352,1355,1358,1374,1388,1391,1397,1402,1426,1431,1467,1470,1476,1481,1495,1500,1514,1517,1521,1621,1625,1828,1831,1959],[757,758,101],"h1",{"id":101},[760,761,762],"p",{},"Image Cropper 的實用範例與常見使用情境。",[764,765,766],"h2",{"id":766},"基礎範例",[768,769,770],"h3",{"id":770},"製作個人頭像",[760,772,773],{},"從任意圖片製作合適的方形頭像：",[775,776,777,793,810,823],"ol",{},[778,779,780,784],"li",{},[781,782,783],"strong",{},"上傳照片",[785,786,787,790],"ul",{},[778,788,789],{},"選擇人像照或合照",[778,791,792],{},"支援 JPEG、PNG 等常見格式",[778,794,795,798],{},[781,796,797],{},"將長寬比設為 1:1",[785,799,800,807],{},[778,801,802,803],{},"在長寬比設定中點擊 ",[804,805,806],"code",{},"1:1",[778,808,809],{},"裁切區域會變成標準正方形",[778,811,812,815],{},[781,813,814],{},"調整裁切區域位置",[785,816,817,820],{},[778,818,819],{},"將裁切框置中到人物臉部",[778,821,822],{},"調整大小，保留想呈現的內容",[778,824,825,828],{},[781,826,827],{},"設定匯出參數",[785,829,830,837,843],{},[778,831,832,833,836],{},"格式：",[804,834,835],{},"PNG","（需要透明背景時更合適）",[778,838,839,840],{},"尺寸：多數平台建議 ",[804,841,842],{},"400x400",[778,844,845,846,849,850],{},"品質：若使用 ",[804,847,848],{},"JPEG","，建議 ",[804,851,852],{},"90%",[760,854,855,858],{},[781,856,857],{},"結果","：得到適合社群媒體個人頁面的專業方形頭像。",[768,860,861],{"id":861},"社群媒體最佳化",[863,864,866],"h4",{"id":865},"instagram-貼文11","Instagram 貼文（1:1）",[785,868,869,877,885,892],{},[778,870,871,874,875],{},[781,872,873],{},"長寬比","：",[804,876,806],{},[778,878,879,874,882],{},[781,880,881],{},"建議尺寸",[804,883,884],{},"1080x1080",[778,886,887,874,890],{},[781,888,889],{},"格式",[804,891,848],{},[778,893,894,874,897],{},[781,895,896],{},"品質",[804,898,899],{},"85%",[863,901,903],{"id":902},"instagram-限時動態916","Instagram 限時動態（9:16）",[785,905,906,913,920,926],{},[778,907,908,874,910],{},[781,909,873],{},[804,911,912],{},"9:16",[778,914,915,874,917],{},[781,916,881],{},[804,918,919],{},"1080x1920",[778,921,922,874,924],{},[781,923,889],{},[804,925,848],{},[778,927,928,874,930],{},[781,929,896],{},[804,931,932],{},"80%",[863,934,936],{"id":935},"twitter-橫幅169","Twitter 橫幅（16:9）",[785,938,939,946,953,959],{},[778,940,941,874,943],{},[781,942,873],{},[804,944,945],{},"16:9",[778,947,948,874,950],{},[781,949,881],{},[804,951,952],{},"1500x500",[778,954,955,874,957],{},[781,956,889],{},[804,958,848],{},[778,960,961,874,963],{},[781,962,896],{},[804,964,852],{},[768,966,967],{"id":967},"電商商品圖片",[760,969,970],{},"用來製作風格一致的商品圖：",[775,972,973,995],{},[778,974,975,978],{},[781,976,977],{},"統一裁切尺寸",[785,979,980,986,992],{},[778,981,982,983],{},"主圖使用 ",[804,984,985],{},"1000x1000",[778,987,988,989],{},"細節圖使用 ",[804,990,991],{},"800x600",[778,993,994],{},"白色背景通常更利於展示",[778,996,997,1000],{},[781,998,999],{},"批次處理流程",[785,1001,1002,1007,1012,1018],{},[778,1003,1004,1005],{},"輸出格式設為 ",[804,1006,848],{},[778,1008,1009,1010],{},"品質設為 ",[804,1011,899],{},[778,1013,1014,1015,1017],{},"統一使用 ",[804,1016,806],{}," 長寬比",[778,1019,1020],{},"所有商品圖採用相同設定處理",[764,1022,1023],{"id":1023},"進階範例",[768,1025,1027],{"id":1026},"web-設計素材","Web 設計素材",[863,1029,1031],{"id":1030},"hero-區塊圖片","Hero 區塊圖片",[1033,1034,1040],"pre",{"className":1035,"code":1037,"language":1038,"meta":1039},[1036],"language-text","長寬比：16:9 或 21:9\n尺寸：1920x1080 或 2560x1080\n格式：WebP（回退為 JPEG）\n品質：75%（兼顧畫質與載入速度）\n","text","",[804,1041,1037],{"__ignoreMap":1039},[863,1043,1044],{"id":1044},"部落格縮圖",[1033,1046,1049],{"className":1047,"code":1048,"language":1038,"meta":1039},[1036],"長寬比：4:3\n尺寸：800x600\n格式：WebP\n品質：80%\n最佳化重點：主體內容清楚可見\n",[804,1050,1048],{"__ignoreMap":1039},[863,1052,1053],{"id":1053},"卡片圖片",[1033,1055,1058],{"className":1056,"code":1057,"language":1038,"meta":1039},[1036],"長寬比：3:2\n尺寸：600x400\n格式：WebP\n品質：85%\n",[804,1059,1057],{"__ignoreMap":1039},[768,1061,1062],{"id":1062},"攝影工作流程",[863,1064,1065],{"id":1065},"從大圖擷取細節",[775,1067,1068,1084,1100],{},[778,1069,1070,1073],{},[781,1071,1072],{},"載入高解析度圖片",[785,1074,1075,1081],{},[778,1076,1077,1078],{},"原圖：",[804,1079,1080],{},"6000x4000",[778,1082,1083],{},"目標：擷取局部細節",[778,1085,1086,1089],{},[781,1087,1088],{},"精準裁切",[785,1090,1091,1094,1097],{},[778,1092,1093],{},"使用自由長寬比",[778,1095,1096],{},"放大畫面以便精確選取",[778,1098,1099],{},"將裁切區域對準感興趣的部分",[778,1101,1102,1105],{},[781,1103,1104],{},"最佳化輸出",[785,1106,1107,1114,1120],{},[778,1108,1109,1110,1113],{},"保持較高品質（",[804,1111,1112],{},"95%","）",[778,1115,1116,1117,1119],{},"若原圖為 ",[804,1118,835],{},"，可保留原格式",[778,1121,1122],{},"依網頁使用情境縮小到合適尺寸",[863,1124,1125],{"id":1125},"建立系列照片",[775,1127,1128,1146,1168],{},[778,1129,1130,1133],{},[781,1131,1132],{},"統一長寬比",[785,1134,1135,1141],{},[778,1136,1137,1138],{},"經典風格可用 ",[804,1139,1140],{},"4:3",[778,1142,1143,1144],{},"現代展示可用 ",[804,1145,945],{},[778,1147,1148,1151],{},[781,1149,1150],{},"統一尺寸",[785,1152,1153,1161],{},[778,1154,1155,1157,1158],{},[804,1156,1140],{}," 系列可用 ",[804,1159,1160],{},"1200x900",[778,1162,1163,1157,1165],{},[804,1164,945],{},[804,1166,1167],{},"1200x675",[778,1169,1170,1173],{},[781,1171,1172],{},"統一品質標準",[785,1174,1175,1180,1185],{},[778,1176,1177,1178],{},"照片輸出使用 ",[804,1179,848],{},[778,1181,1182,1183],{},"展示或列印可用 ",[804,1184,852],{},[778,1186,1187,1188],{},"網頁相簿可用 ",[804,1189,932],{},[764,1191,1192],{"id":1192},"工作流程範例",[768,1194,1195],{"id":1195},"批次處理多張圖片",[775,1197,1198,1209,1220],{},[778,1199,1200,1203],{},[781,1201,1202],{},"準備階段",[1033,1204,1207],{"className":1205,"code":1206,"language":1038,"meta":1039},[1036],"- 將來源圖片整理到同一資料夾\n- 明確目標規格\n- 設定統一命名規則\n",[804,1208,1206],{"__ignoreMap":1039},[778,1210,1211,1214],{},[781,1212,1213],{},"處理階段",[1033,1215,1218],{"className":1216,"code":1217,"language":1038,"meta":1039},[1036],"- 載入第一張圖片\n- 設定長寬比與輸出格式\n- 設定品質與輸出尺寸\n- 裁切並下載\n- 對剩餘圖片重複相同步驟\n",[804,1219,1217],{"__ignoreMap":1039},[778,1221,1222,1225],{},[781,1223,1224],{},"品質檢查",[1033,1226,1229],{"className":1227,"code":1228,"language":1038,"meta":1039},[1036],"- 檢查所有處理後的圖片\n- 確認檔案大小是否合理\n- 驗證尺寸是否一致\n- 在目標應用中測試顯示效果\n",[804,1230,1228],{"__ignoreMap":1039},[768,1232,1233],{"id":1233},"從同一張圖片建立多個版本",[760,1235,1236],{},"根據單張來源圖片建立多種版本：",[863,1238,1240],{"id":1239},"版本-1完整解析度","版本 1：完整解析度",[785,1242,1243,1249,1262],{},[778,1244,1245,1248],{},[781,1246,1247],{},"用途","：高品質列印",[778,1250,1251,1254,1255,1257,1258,1261],{},[781,1252,1253],{},"設定","：原始尺寸、",[804,1256,835],{},"、",[804,1259,1260],{},"100%"," 品質",[778,1263,1264,1267],{},[781,1265,1266],{},"裁切建議","：盡量少裁，保留原始構圖",[863,1269,1271],{"id":1270},"版本-2網頁展示","版本 2：網頁展示",[785,1273,1274,1279,1291],{},[778,1275,1276,1278],{},[781,1277,1247],{},"：網站圖庫",[778,1280,1281,1283,1284,1257,1287,1257,1289,1261],{},[781,1282,1253],{},"：最長邊 ",[804,1285,1286],{},"1200px",[804,1288,848],{},[804,1290,899],{},[778,1292,1293,1295],{},[781,1294,1266],{},"：針對網頁瀏覽最佳化構圖",[863,1297,1299],{"id":1298},"版本-3縮圖","版本 3：縮圖",[785,1301,1302,1307,1319],{},[778,1303,1304,1306],{},[781,1305,1247],{},"：預覽格線",[778,1308,1309,874,1311,1257,1314,1257,1316,1261],{},[781,1310,1253],{},[804,1312,1313],{},"300x300",[804,1315,848],{},[804,1317,1318],{},"75%",[778,1320,1321,1323],{},[781,1322,1266],{},"：聚焦主體",[863,1325,1327],{"id":1326},"版本-4行動端最佳化","版本 4：行動端最佳化",[785,1329,1330,1335,1347],{},[778,1331,1332,1334],{},[781,1333,1247],{},"：行動應用",[778,1336,1337,1283,1339,1257,1342,1257,1345,1261],{},[781,1338,1253],{},[804,1340,1341],{},"800px",[804,1343,1344],{},"WebP",[804,1346,932],{},[778,1348,1349,1351],{},[781,1350,1266],{},"：確保小螢幕上重要元素仍清楚可見",[764,1353,1354],{"id":1354},"疑難排解範例",[768,1356,1357],{"id":1357},"大檔案處理",[760,1359,1360,1363,1364,1367,1368,1371,874],{},[781,1361,1362],{},"問題","：需要處理由 ",[804,1365,1366],{},"50MB"," RAW 檔轉出的圖片。",[1369,1370],"br",{},[781,1372,1373],{},"解決方案",[775,1375,1376,1379,1382,1385],{},[778,1377,1378],{},"使用記憶體充足的瀏覽器",[778,1380,1381],{},"關閉其他分頁釋放資源",[778,1383,1384],{},"必要時先預處理檔案以減少體積",[778,1386,1387],{},"若工具支援，優先使用漸進式載入",[768,1389,1390],{"id":1390},"品質與檔案大小的平衡",[760,1392,1393,1396],{},[781,1394,1395],{},"情境","：想要較小檔案體積，同時維持良好畫質。",[760,1398,1399,874],{},[781,1400,1401],{},"可測試的設定",[785,1403,1404,1415,1420,1423],{},[778,1405,1406,1408,1409,1411,1412],{},[804,1407,1344],{}," 通常比 ",[804,1410,848],{}," 小約 ",[804,1413,1414],{},"30%",[778,1416,1417,1419],{},[804,1418,1318],{}," 品質通常是較平衡的區間",[778,1421,1422],{},"依實際用途最佳化輸出尺寸",[778,1424,1425],{},"選擇合適長寬比，避免無意義像素",[760,1427,1428,874],{},[781,1429,1430],{},"結果比較",[785,1432,1433,1442,1451,1459],{},[778,1434,1435,1436,874,1439],{},"原始 ",[804,1437,1438],{},"JPEG (90%)",[804,1440,1441],{},"2.1MB",[778,1443,1444,1445,874,1448],{},"最佳化 ",[804,1446,1447],{},"JPEG (75%)",[804,1449,1450],{},"1.2MB",[778,1452,1453,874,1456],{},[804,1454,1455],{},"WebP (75%)",[804,1457,1458],{},"800KB",[778,1460,1461,874,1464],{},[804,1462,1463],{},"WebP (60%)",[804,1465,1466],{},"450KB",[768,1468,1469],{"id":1469},"行動裝置相容性",[760,1471,1472,1475],{},[781,1473,1474],{},"挑戰","：在手機或平板上處理圖片。",[760,1477,1478,874],{},[781,1479,1480],{},"需要考量",[785,1482,1483,1486,1489,1492],{},[778,1484,1485],{},"可用記憶體較少",[778,1487,1488],{},"透過觸控調整裁切框",[778,1490,1491],{},"處理速度通常較慢",[778,1493,1494],{},"下載與分享選項可能受限",[760,1496,1497,874],{},[781,1498,1499],{},"最佳實務",[785,1501,1502,1505,1508,1511],{},[778,1503,1504],{},"在行動端使用較小的來源圖片",[778,1506,1507],{},"稍微降低輸出品質以提升速度",[778,1509,1510],{},"測試觸控手勢是否方便調整裁切框",[778,1512,1513],{},"提供清楚的視覺回饋",[764,1515,1516],{"id":1516},"整合範例",[768,1518,1520],{"id":1519},"wordpress-外掛整合","WordPress 外掛整合",[1033,1522,1526],{"className":1523,"code":1524,"language":1525,"meta":1039,"style":1039},"language-php shiki shiki-themes github-light github-light dark-plus","\u002F\u002F Example: Add crop functionality to WordPress media library\nfunction add_image_cropper_to_media() {\n    \u002F\u002F Enqueue Image Cropper assets\n    wp_enqueue_script('image-cropper', '\u002Fpath\u002Fto\u002Fcropper.js');\n    wp_enqueue_style('image-cropper', '\u002Fpath\u002Fto\u002Fcropper.css');\n}\nadd_action('admin_enqueue_scripts', 'add_image_cropper_to_media');\n","php",[804,1527,1528,1537,1552,1558,1580,1597,1603],{"__ignoreMap":1039},[1529,1530,1533],"span",{"class":1531,"line":1532},"line",1,[1529,1534,1536],{"class":1535},"sLEZ0","\u002F\u002F Example: Add crop functionality to WordPress media library\n",[1529,1538,1540,1544,1548],{"class":1531,"line":1539},2,[1529,1541,1543],{"class":1542},"sGiLm","function",[1529,1545,1547],{"class":1546},"sqMzV"," add_image_cropper_to_media",[1529,1549,1551],{"class":1550},"svVIm","() {\n",[1529,1553,1555],{"class":1531,"line":1554},3,[1529,1556,1557],{"class":1535},"    \u002F\u002F Enqueue Image Cropper assets\n",[1529,1559,1561,1564,1567,1571,1574,1577],{"class":1531,"line":1560},4,[1529,1562,1563],{"class":1546},"    wp_enqueue_script",[1529,1565,1566],{"class":1550},"(",[1529,1568,1570],{"class":1569},"sjj1j","'image-cropper'",[1529,1572,1573],{"class":1550},", ",[1529,1575,1576],{"class":1569},"'\u002Fpath\u002Fto\u002Fcropper.js'",[1529,1578,1579],{"class":1550},");\n",[1529,1581,1583,1586,1588,1590,1592,1595],{"class":1531,"line":1582},5,[1529,1584,1585],{"class":1546},"    wp_enqueue_style",[1529,1587,1566],{"class":1550},[1529,1589,1570],{"class":1569},[1529,1591,1573],{"class":1550},[1529,1593,1594],{"class":1569},"'\u002Fpath\u002Fto\u002Fcropper.css'",[1529,1596,1579],{"class":1550},[1529,1598,1600],{"class":1531,"line":1599},6,[1529,1601,1602],{"class":1550},"}\n",[1529,1604,1606,1609,1611,1614,1616,1619],{"class":1531,"line":1605},7,[1529,1607,1608],{"class":1546},"add_action",[1529,1610,1566],{"class":1550},[1529,1612,1613],{"class":1569},"'admin_enqueue_scripts'",[1529,1615,1573],{"class":1550},[1529,1617,1618],{"class":1569},"'add_image_cropper_to_media'",[1529,1620,1579],{"class":1550},[768,1622,1624],{"id":1623},"react-元件整合","React 元件整合",[1033,1626,1630],{"className":1627,"code":1628,"language":1629,"meta":1039,"style":1039},"language-jsx shiki shiki-themes github-light github-light dark-plus","import ImageCropper from \".\u002FImageCropper\";\n\nfunction MyComponent() {\n  const handleCropComplete = (result) => {\n    \u002F\u002F Handle cropped image\n    console.log(\"Cropped image:\", result);\n  };\n\n  return (\n    \u003CImageCropper\n      aspectRatio={1}\n      outputFormat=\"jpeg\"\n      quality={85}\n      onCropComplete={handleCropComplete}\n    \u002F>\n  );\n}\n","jsx",[804,1631,1632,1651,1656,1665,1693,1698,1720,1725,1730,1739,1750,1770,1781,1796,1811,1817,1823],{"__ignoreMap":1039},[1529,1633,1634,1638,1642,1645,1648],{"class":1531,"line":1532},[1529,1635,1637],{"class":1636},"srAhW","import",[1529,1639,1641],{"class":1640},"szTj3"," ImageCropper",[1529,1643,1644],{"class":1636}," from",[1529,1646,1647],{"class":1569}," \".\u002FImageCropper\"",[1529,1649,1650],{"class":1550},";\n",[1529,1652,1653],{"class":1531,"line":1539},[1529,1654,1655],{"emptyLinePlaceholder":6},"\n",[1529,1657,1658,1660,1663],{"class":1531,"line":1554},[1529,1659,1543],{"class":1542},[1529,1661,1662],{"class":1546}," MyComponent",[1529,1664,1551],{"class":1550},[1529,1666,1667,1670,1673,1677,1680,1684,1687,1690],{"class":1531,"line":1560},[1529,1668,1669],{"class":1542},"  const",[1529,1671,1672],{"class":1546}," handleCropComplete",[1529,1674,1676],{"class":1675},"sGmsN"," =",[1529,1678,1679],{"class":1550}," (",[1529,1681,1683],{"class":1682},"szM7h","result",[1529,1685,1686],{"class":1550},") ",[1529,1688,1689],{"class":1542},"=>",[1529,1691,1692],{"class":1550}," {\n",[1529,1694,1695],{"class":1531,"line":1582},[1529,1696,1697],{"class":1535},"    \u002F\u002F Handle cropped image\n",[1529,1699,1700,1703,1706,1709,1711,1714,1716,1718],{"class":1531,"line":1599},[1529,1701,1702],{"class":1640},"    console",[1529,1704,1705],{"class":1550},".",[1529,1707,1708],{"class":1546},"log",[1529,1710,1566],{"class":1550},[1529,1712,1713],{"class":1569},"\"Cropped image:\"",[1529,1715,1573],{"class":1550},[1529,1717,1683],{"class":1640},[1529,1719,1579],{"class":1550},[1529,1721,1722],{"class":1531,"line":1605},[1529,1723,1724],{"class":1550},"  };\n",[1529,1726,1728],{"class":1531,"line":1727},8,[1529,1729,1655],{"emptyLinePlaceholder":6},[1529,1731,1733,1736],{"class":1531,"line":1732},9,[1529,1734,1735],{"class":1636},"  return",[1529,1737,1738],{"class":1550}," (\n",[1529,1740,1742,1746],{"class":1531,"line":1741},10,[1529,1743,1745],{"class":1744},"skpqk","    \u003C",[1529,1747,1749],{"class":1748},"s2-Xe","ImageCropper\n",[1529,1751,1753,1757,1760,1764,1768],{"class":1531,"line":1752},11,[1529,1754,1756],{"class":1755},"shCbc","      aspectRatio",[1529,1758,1759],{"class":1675},"=",[1529,1761,1763],{"class":1762},"stLzX","{",[1529,1765,1767],{"class":1766},"sewGd","1",[1529,1769,1602],{"class":1762},[1529,1771,1773,1776,1778],{"class":1531,"line":1772},12,[1529,1774,1775],{"class":1755},"      outputFormat",[1529,1777,1759],{"class":1675},[1529,1779,1780],{"class":1569},"\"jpeg\"\n",[1529,1782,1784,1787,1789,1791,1794],{"class":1531,"line":1783},13,[1529,1785,1786],{"class":1755},"      quality",[1529,1788,1759],{"class":1675},[1529,1790,1763],{"class":1762},[1529,1792,1793],{"class":1766},"85",[1529,1795,1602],{"class":1762},[1529,1797,1799,1802,1804,1806,1809],{"class":1531,"line":1798},14,[1529,1800,1801],{"class":1755},"      onCropComplete",[1529,1803,1759],{"class":1675},[1529,1805,1763],{"class":1762},[1529,1807,1808],{"class":1640},"handleCropComplete",[1529,1810,1602],{"class":1762},[1529,1812,1814],{"class":1531,"line":1813},15,[1529,1815,1816],{"class":1744},"    \u002F>\n",[1529,1818,1820],{"class":1531,"line":1819},16,[1529,1821,1822],{"class":1550},"  );\n",[1529,1824,1826],{"class":1531,"line":1825},17,[1529,1827,1602],{"class":1550},[768,1829,1830],{"id":1830},"電商平台整合",[1033,1832,1836],{"className":1833,"code":1834,"language":1835,"meta":1039,"style":1039},"language-javascript shiki shiki-themes github-light github-light dark-plus","\u002F\u002F Example: Shopify app integration\nfunction setupProductImageCropper() {\n  const cropper = new ImageCropper({\n    container: \"#product-image-editor\",\n    aspectRatio: 1,\n    outputFormat: \"jpeg\",\n    quality: 90,\n    onCrop: (result) => {\n      uploadProductImage(result.blob);\n    },\n  });\n}\n","javascript",[804,1837,1838,1843,1852,1870,1881,1891,1901,1911,1929,1945,1950,1955],{"__ignoreMap":1039},[1529,1839,1840],{"class":1531,"line":1532},[1529,1841,1842],{"class":1535},"\u002F\u002F Example: Shopify app integration\n",[1529,1844,1845,1847,1850],{"class":1531,"line":1539},[1529,1846,1543],{"class":1542},[1529,1848,1849],{"class":1546}," setupProductImageCropper",[1529,1851,1551],{"class":1550},[1529,1853,1854,1856,1860,1862,1865,1867],{"class":1531,"line":1554},[1529,1855,1669],{"class":1542},[1529,1857,1859],{"class":1858},"sdRU0"," cropper",[1529,1861,1676],{"class":1675},[1529,1863,1864],{"class":1542}," new",[1529,1866,1641],{"class":1546},[1529,1868,1869],{"class":1550},"({\n",[1529,1871,1872,1875,1878],{"class":1531,"line":1560},[1529,1873,1874],{"class":1640},"    container:",[1529,1876,1877],{"class":1569}," \"#product-image-editor\"",[1529,1879,1880],{"class":1550},",\n",[1529,1882,1883,1886,1889],{"class":1531,"line":1582},[1529,1884,1885],{"class":1640},"    aspectRatio:",[1529,1887,1888],{"class":1766}," 1",[1529,1890,1880],{"class":1550},[1529,1892,1893,1896,1899],{"class":1531,"line":1599},[1529,1894,1895],{"class":1640},"    outputFormat:",[1529,1897,1898],{"class":1569}," \"jpeg\"",[1529,1900,1880],{"class":1550},[1529,1902,1903,1906,1909],{"class":1531,"line":1605},[1529,1904,1905],{"class":1640},"    quality:",[1529,1907,1908],{"class":1766}," 90",[1529,1910,1880],{"class":1550},[1529,1912,1913,1916,1919,1921,1923,1925,1927],{"class":1531,"line":1727},[1529,1914,1915],{"class":1546},"    onCrop",[1529,1917,1918],{"class":1640},":",[1529,1920,1679],{"class":1550},[1529,1922,1683],{"class":1682},[1529,1924,1686],{"class":1550},[1529,1926,1689],{"class":1542},[1529,1928,1692],{"class":1550},[1529,1930,1931,1934,1936,1938,1940,1943],{"class":1531,"line":1732},[1529,1932,1933],{"class":1546},"      uploadProductImage",[1529,1935,1566],{"class":1550},[1529,1937,1683],{"class":1640},[1529,1939,1705],{"class":1550},[1529,1941,1942],{"class":1640},"blob",[1529,1944,1579],{"class":1550},[1529,1946,1947],{"class":1531,"line":1741},[1529,1948,1949],{"class":1550},"    },\n",[1529,1951,1952],{"class":1531,"line":1752},[1529,1953,1954],{"class":1550},"  });\n",[1529,1956,1957],{"class":1531,"line":1772},[1529,1958,1602],{"class":1550},[1960,1961,1962],"style",{},"html pre.shiki code .sLEZ0, html code.shiki .sLEZ0{--shiki-default:#6A737D;--shiki-light:#6A737D;--shiki-dark:#6A9955}html pre.shiki code .sGiLm, html code.shiki .sGiLm{--shiki-default:#D73A49;--shiki-light:#D73A49;--shiki-dark:#569CD6}html pre.shiki code .sqMzV, html code.shiki .sqMzV{--shiki-default:#6F42C1;--shiki-light:#6F42C1;--shiki-dark:#DCDCAA}html pre.shiki code .svVIm, html code.shiki .svVIm{--shiki-default:#24292E;--shiki-light:#24292E;--shiki-dark:#D4D4D4}html pre.shiki code .sjj1j, html code.shiki .sjj1j{--shiki-default:#032F62;--shiki-light:#032F62;--shiki-dark:#CE9178}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .srAhW, html code.shiki .srAhW{--shiki-default:#D73A49;--shiki-light:#D73A49;--shiki-dark:#C586C0}html pre.shiki code .szTj3, html code.shiki .szTj3{--shiki-default:#24292E;--shiki-light:#24292E;--shiki-dark:#9CDCFE}html pre.shiki code .sGmsN, html code.shiki .sGmsN{--shiki-default:#D73A49;--shiki-light:#D73A49;--shiki-dark:#D4D4D4}html pre.shiki code .szM7h, html code.shiki .szM7h{--shiki-default:#E36209;--shiki-light:#E36209;--shiki-dark:#9CDCFE}html pre.shiki code .skpqk, html code.shiki .skpqk{--shiki-default:#24292E;--shiki-light:#24292E;--shiki-dark:#808080}html pre.shiki code .s2-Xe, html code.shiki .s2-Xe{--shiki-default:#005CC5;--shiki-light:#005CC5;--shiki-dark:#4EC9B0}html pre.shiki code .shCbc, html code.shiki .shCbc{--shiki-default:#6F42C1;--shiki-light:#6F42C1;--shiki-dark:#9CDCFE}html pre.shiki code .stLzX, html code.shiki .stLzX{--shiki-default:#24292E;--shiki-light:#24292E;--shiki-dark:#569CD6}html pre.shiki code .sewGd, html code.shiki .sewGd{--shiki-default:#005CC5;--shiki-light:#005CC5;--shiki-dark:#B5CEA8}html pre.shiki code .sdRU0, html code.shiki .sdRU0{--shiki-default:#005CC5;--shiki-light:#005CC5;--shiki-dark:#4FC1FF}",{"title":1039,"searchDepth":1539,"depth":1539,"links":1964},[1965,1970,1974,1978,1983],{"id":766,"depth":1539,"text":766,"children":1966},[1967,1968,1969],{"id":770,"depth":1554,"text":770},{"id":861,"depth":1554,"text":861},{"id":967,"depth":1554,"text":967},{"id":1023,"depth":1539,"text":1023,"children":1971},[1972,1973],{"id":1026,"depth":1554,"text":1027},{"id":1062,"depth":1554,"text":1062},{"id":1192,"depth":1539,"text":1192,"children":1975},[1976,1977],{"id":1195,"depth":1554,"text":1195},{"id":1233,"depth":1554,"text":1233},{"id":1354,"depth":1539,"text":1354,"children":1979},[1980,1981,1982],{"id":1357,"depth":1554,"text":1357},{"id":1390,"depth":1554,"text":1390},{"id":1469,"depth":1554,"text":1469},{"id":1516,"depth":1539,"text":1516,"children":1984},[1985,1986,1987],{"id":1519,"depth":1554,"text":1520},{"id":1623,"depth":1554,"text":1624},{"id":1830,"depth":1554,"text":1830},"md",{},{"title":101,"description":762},{"loc":102},"RvO_kvxNPyrEbQBHyIvFYdYe2p8oCSHWossgBQfDEgY",[1994,1994],null]