Netflix在华特泰维斯1983小说上推出一小说皇后甘比特并处理童年产生的情感依存和毒瘾问题小型赛事打下棋迷自发布以来Google搜索“chesss”翻番,而那些“如何下棋”查询达九年峰值eBay查询插件达250%.
观看皇后甘比特时带我回 21年前难忘经验实现我计算机科学最终考试需求的一部分,我写出Pascal下棋程序真正令人愉快和振奋的探险算法基础计算分数潜在移动,树节点握住当前位置的所有选项和从对手对每次移动的潜在响应组合总分决定计算机的工作因内存限制,树只持有二级运动:一指当前位置,二指对手潜在动作
象棋全指观察、策略化、实验、学习和知识基础建设,所有知识都从我很久以前创建的编程中产生作用,成为今天生动和深爱的记忆。以云形客户约定管理器的身份,我处理自动化功能程序任务,像棋游戏一样,即寻找最佳内容显示基于客户行为并策略化下一步行动,取材自客户响应反馈下棋语句中,关节由客户成功并满足产品
举云型能力为例满足客户媒体管理需求:映射和它从字符串创建图像的帮助作用基于Forsth-Edwards Notation标准描述棋局位置方式
以前缀介绍Nordejs库chess-image-generator
高山市链接),它搭建安德鲁杨辉煌开发者 前端工作切斯.com自皇后甘比特发布后 Chess.com享受新球员大增
下一步行动
- 集成式
chess-image-generator
接受FEN字符串为URL参数并用PNG图像响应Google函数代码解析)
- 功能图云化转换图像后通过快速内容传输网络交付
<\/Image>","codeSnippet":"
\n\n<\/Image>","status":0,"statusText":"Ok","displayName":"React","packageName":"cloudinary-react","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue_2","framework":"vue_2","language":"vue","rawCodeSnippet":"new CloudinaryImage(\n \"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\"\n);","codeSnippet":"new CloudinaryImage(\n \"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\"\n);","status":0,"statusText":"Ok","displayName":"Vue.js","packageName":"@cloudinary\/vue","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue","framework":"vue","language":"vue","rawCodeSnippet":"
<\/cld-image>","codeSnippet":"
\n\n<\/cld-image>","status":0,"statusText":"Ok","displayName":"Vue.js","packageName":"cloudinary-vue","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"angular_2","framework":"angular_2","language":"angular","rawCodeSnippet":"new CloudinaryImage(\n \"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\"\n);","codeSnippet":"new CloudinaryImage(\n \"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\"\n);","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/ng","packageStatus":"","packageVersion":"1.x"},{"sdkId":"angular","framework":"angular","language":"angular","rawCodeSnippet":"
<\/cl-image>","codeSnippet":"
\n\n<\/cl-image>","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/angular-5.x","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"js_2","framework":"js_2","language":"js","rawCodeSnippet":"new CloudinaryImage(\n \"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\"\n);","codeSnippet":"new CloudinaryImage(\n \"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\"\n);","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2').toHtml();","codeSnippet":"cloudinary.imageTag('chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2').toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\").image()","codeSnippet":"CloudinaryImage(\"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\").image()","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2'));","codeSnippet":"(new ImageTag('chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2'));","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"","packageVersion":"2.x"},{"sdkId":"php","framework":"php","language":"php","rawCodeSnippet":"cl_image_tag(\"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\")","codeSnippet":"cl_image_tag(\"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\")","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"java","framework":"java","language":"java","rawCodeSnippet":"cloudinary.url().transformation(new Transformation().imageTag(\"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\");","codeSnippet":"cloudinary.url().transformation(new Transformation().imageTag(\"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\")","codeSnippet":"cl_image_tag(\"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\")","status":0,"statusText":"Ok","displayName":"Ruby","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"csharp","framework":"csharp","language":"csharp","rawCodeSnippet":"cloudinary.Api.UrlImgUp.BuildImageTag(\"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\")","codeSnippet":"cloudinary.Api.UrlImgUp.BuildImageTag(\"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2').transformation(Transformation());","codeSnippet":"cloudinary.image('chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2').transformation(Transformation());","status":0,"statusText":"Ok","displayName":"Dart","packageName":"cloudinary_dart","packageStatus":"","packageVersion":"0.x"},{"sdkId":"swift","framework":"swift","language":"swift","rawCodeSnippet":"imageView.cldSetImage(cloudinary.createUrl().generate(\"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().generate(\"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\")!, cloudinary: cloudinary)","status":0,"statusText":"Ok","displayName":"iOS","packageName":"cloudinary","packageStatus":"","packageVersion":"3.x"},{"sdkId":"android","framework":"android","language":"android","rawCodeSnippet":"MediaManager.get().url().transformation(new Transformation().generate(\"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation().generate(\"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2').transformation(Transformation());","codeSnippet":"cloudinary.image('chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2').transformation(Transformation());","status":0,"statusText":"Ok","displayName":"Flutter","packageName":"cloudinary_flutter","packageStatus":"","packageVersion":"0.x"},{"sdkId":"kotlin","framework":"kotlin","language":"kotlin","rawCodeSnippet":"cloudinary.image {\n\tpublicId(\"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\") \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\") \n}.generate()","status":0,"statusText":"Ok","displayName":"Kotlin","packageName":"kotlin-url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"jquery","framework":"jquery","language":"jquery","rawCodeSnippet":"$.cloudinary.image(\"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\")","codeSnippet":"$.cloudinary.image(\"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\")","status":0,"statusText":"Ok","displayName":"jQuery","packageName":"cloudinary-jquery","packageStatus":"","packageVersion":"2.x"},{"sdkId":"react_native","framework":"react_native","language":"react_native","rawCodeSnippet":"new CloudinaryImage(\n \"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\"\n);","codeSnippet":"new CloudinaryImage(\n \"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\"\n);","status":0,"statusText":"Ok","displayName":"React Native","packageName":"cloudinary-react-native","packageStatus":"","packageVersion":"0.x"}]" parsed-url="{"url":"https:\/\/res.www.aaaalireno.com\/demo\/image\/upload\/chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR%20b%20KQkq%20c3%200%202","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"upload","resource_type":"image","transformation":[],"transformation_string":"","url_suffix":"","version":null,"secure":true,"public_id":"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2","extension":"","format":"","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" >
加载代码示例
实例1:由以上过程生成的图像
<\/Image>","codeSnippet":"
\n\t
\n\t
\n\t
\n\t
\n\t
\n<\/Image>","status":0,"statusText":"Ok","displayName":"React","packageName":"cloudinary-react","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue_2","framework":"vue_2","language":"vue","rawCodeSnippet":"new CloudinaryImage(\n \"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\"\n)\n .addVariable(set(\"img\", expression(\"current\")))\n .addVariable(set(\"ws\", 600))\n .resize(scale().width(50))\n .overlay(\n source(\n image(\"web_assets\/chess_background\").transformation(\n new Transformation()\n .resize(fill().width(\"$ws\").height(\"$ws\").gravity(compass(\"center\")))\n .effect(blur().strength(800))\n )\n )\n )\n .overlay(\n source(\n image(\"$img\").transformation(\n new Transformation()\n .resize(scale().width(400))\n .border(solid(10, \"white\"))\n )\n )\n );","codeSnippet":"new CloudinaryImage(\n \"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\"\n)\n .addVariable(set(\"img\", expression(\"current\")))\n .addVariable(set(\"ws\", 600))\n .resize(scale().width(50))\n .overlay(\n source(\n image(\"web_assets\/chess_background\").transformation(\n new Transformation()\n .resize(fill().width(\"$ws\").height(\"$ws\").gravity(compass(\"center\")))\n .effect(blur().strength(800))\n )\n )\n )\n .overlay(\n source(\n image(\"$img\").transformation(\n new Transformation()\n .resize(scale().width(400))\n .border(solid(10, \"white\"))\n )\n )\n );","status":0,"statusText":"Ok","displayName":"Vue.js","packageName":"@cloudinary\/vue","packageStatus":"","packageVersion":"1.x"},{"sdkId":"vue","framework":"vue","language":"vue","rawCodeSnippet":"
<\/cld-image>","codeSnippet":"
\n\t
\n\t
\n\t
\n\t
\n\t
\n<\/cld-image>","status":0,"statusText":"Ok","displayName":"Vue.js","packageName":"cloudinary-vue","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"angular_2","framework":"angular_2","language":"angular","rawCodeSnippet":"new CloudinaryImage(\n \"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\"\n)\n .addVariable(set(\"img\", expression(\"current\")))\n .addVariable(set(\"ws\", 600))\n .resize(scale().width(50))\n .overlay(\n source(\n image(\"web_assets\/chess_background\").transformation(\n new Transformation()\n .resize(fill().width(\"$ws\").height(\"$ws\").gravity(compass(\"center\")))\n .effect(blur().strength(800))\n )\n )\n )\n .overlay(\n source(\n image(\"$img\").transformation(\n new Transformation()\n .resize(scale().width(400))\n .border(solid(10, \"white\"))\n )\n )\n );","codeSnippet":"new CloudinaryImage(\n \"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\"\n)\n .addVariable(set(\"img\", expression(\"current\")))\n .addVariable(set(\"ws\", 600))\n .resize(scale().width(50))\n .overlay(\n source(\n image(\"web_assets\/chess_background\").transformation(\n new Transformation()\n .resize(fill().width(\"$ws\").height(\"$ws\").gravity(compass(\"center\")))\n .effect(blur().strength(800))\n )\n )\n )\n .overlay(\n source(\n image(\"$img\").transformation(\n new Transformation()\n .resize(scale().width(400))\n .border(solid(10, \"white\"))\n )\n )\n );","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/ng","packageStatus":"","packageVersion":"1.x"},{"sdkId":"angular","framework":"angular","language":"angular","rawCodeSnippet":"
<\/cl-transformation>
<\/cl-transformation>
<\/cl-transformation>
<\/cl-transformation>
<\/cl-transformation> <\/cl-image>","codeSnippet":"
\n\t
\n\t<\/cl-transformation>\n\t
\n\t<\/cl-transformation>\n\t
\n\t<\/cl-transformation>\n\t
\n\t<\/cl-transformation>\n\t
\n\t<\/cl-transformation>\n<\/cl-image>","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/angular-5.x","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"js_2","framework":"js_2","language":"js","rawCodeSnippet":"new CloudinaryImage(\n \"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\"\n)\n .addVariable(set(\"img\", expression(\"current\")))\n .addVariable(set(\"ws\", 600))\n .resize(scale().width(50))\n .overlay(\n source(\n image(\"web_assets\/chess_background\").transformation(\n new Transformation()\n .resize(fill().width(\"$ws\").height(\"$ws\").gravity(compass(\"center\")))\n .effect(blur().strength(800))\n )\n )\n )\n .overlay(\n source(\n image(\"$img\").transformation(\n new Transformation()\n .resize(scale().width(400))\n .border(solid(10, \"white\"))\n )\n )\n );","codeSnippet":"new CloudinaryImage(\n \"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\"\n)\n .addVariable(set(\"img\", expression(\"current\")))\n .addVariable(set(\"ws\", 600))\n .resize(scale().width(50))\n .overlay(\n source(\n image(\"web_assets\/chess_background\").transformation(\n new Transformation()\n .resize(fill().width(\"$ws\").height(\"$ws\").gravity(compass(\"center\")))\n .effect(blur().strength(800))\n )\n )\n )\n .overlay(\n source(\n image(\"$img\").transformation(\n new Transformation()\n .resize(scale().width(400))\n .border(solid(10, \"white\"))\n )\n )\n );","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2', {transformation: [ {variables: [[\"$img\", \"current\"], [\"$ws\", \"600\"]]}, {width: 50, crop: \"scale\"}, {overlay: new cloudinary.Layer().publicId(\"web_assets:chess_background\"), effect: \"blur:800\", width: \"$ws\", height: \"$ws\", gravity: \"center\", crop: \"fill\"}, {flags: \"layer_apply\"}, {overlay: new cloudinary.Layer().publicId(\"%24img\"), width: 400, border: \"10px_solid_white\"} ]}).toHtml();","codeSnippet":"cloudinary.imageTag('chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2', {transformation: [\n {variables: [[\"$img\", \"current\"], [\"$ws\", \"600\"]]},\n {width: 50, crop: \"scale\"},\n {overlay: new cloudinary.Layer().publicId(\"web_assets:chess_background\"), effect: \"blur:800\", width: \"$ws\", height: \"$ws\", gravity: \"center\", crop: \"fill\"},\n {flags: \"layer_apply\"},\n {overlay: new cloudinary.Layer().publicId(\"%24img\"), width: 400, border: \"10px_solid_white\"}\n ]}).toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\").image(transformation=[ {'variables': [[\"$img\", \"current\"], [\"$ws\", \"600\"]]}, {'width': 50, 'crop': \"scale\"}, {'overlay': \"web_assets:chess_background\", 'effect': \"blur:800\", 'width': \"$ws\", 'height': \"$ws\", 'gravity': \"center\", 'crop': \"fill\"}, {'flags': \"layer_apply\"}, {'overlay': \"%24img\", 'width': 400, 'border': \"10px_solid_white\"} ])","codeSnippet":"CloudinaryImage(\"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\").image(transformation=[\n {'variables': [[\"$img\", \"current\"], [\"$ws\", \"600\"]]},\n {'width': 50, 'crop': \"scale\"},\n {'overlay': \"web_assets:chess_background\", 'effect': \"blur:800\", 'width': \"$ws\", 'height': \"$ws\", 'gravity': \"center\", 'crop': \"fill\"},\n {'flags': \"layer_apply\"},\n {'overlay': \"%24img\", 'width': 400, 'border': \"10px_solid_white\"}\n ])","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2'))\n\t->addVariable(Variable::set(\"img\",\n\tExpression::expression(\"current\")))\n\t->addVariable(Variable::set(\"ws\",600))\n\t->resize(Resize::scale()->width(50))\n\t->overlay(Overlay::source(\n\tSource::image(\"web_assets\/chess_background\")\n\t->transformation((new Transformation())\n\t->resize(Resize::fill()->width(\"$ws\")\n->height(\"$ws\")\n\t->gravity(\n\tGravity::compass(\n\tCompass::center()))\n\t)\n\t->effect(Effect::blur()->strength(800)))\n\t))\n\t->overlay(Overlay::source(\n\tSource::image(\"$img\")\n\t->transformation((new Transformation())\n\t->resize(Resize::scale()->width(400))\n\t->border(Border::solid(10,Color::WHITE)))\n\t));","codeSnippet":"(new ImageTag('chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2'))\n\t->addVariable(Variable::set(\"img\",\n\tExpression::expression(\"current\")))\n\t->addVariable(Variable::set(\"ws\",600))\n\t->resize(Resize::scale()->width(50))\n\t->overlay(Overlay::source(\n\tSource::image(\"web_assets\/chess_background\")\n\t->transformation((new Transformation())\n\t->resize(Resize::fill()->width(\"$ws\")\n->height(\"$ws\")\n\t->gravity(\n\tGravity::compass(\n\tCompass::center()))\n\t)\n\t->effect(Effect::blur()->strength(800)))\n\t))\n\t->overlay(Overlay::source(\n\tSource::image(\"$img\")\n\t->transformation((new Transformation())\n\t->resize(Resize::scale()->width(400))\n\t->border(Border::solid(10,Color::WHITE)))\n\t));","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"","packageVersion":"2.x"},{"sdkId":"php","framework":"php","language":"php","rawCodeSnippet":"cl_image_tag(\"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\", array(\"transformation\"=>array( array(\"variables\"=>array(array(\"$img\", \"current\"), array(\"$ws\", \"600\"))), array(\"width\"=>50, \"crop\"=>\"scale\"), array(\"overlay\"=>\"web_assets:chess_background\", \"effect\"=>\"blur:800\", \"width\"=>\"$ws\", \"height\"=>\"$ws\", \"gravity\"=>\"center\", \"crop\"=>\"fill\"), array(\"flags\"=>\"layer_apply\"), array(\"overlay\"=>\"%24img\", \"width\"=>400, \"border\"=>\"10px_solid_white\") )))","codeSnippet":"cl_image_tag(\"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\", array(\"transformation\"=>array(\n array(\"variables\"=>array(array(\"$img\", \"current\"), array(\"$ws\", \"600\"))),\n array(\"width\"=>50, \"crop\"=>\"scale\"),\n array(\"overlay\"=>\"web_assets:chess_background\", \"effect\"=>\"blur:800\", \"width\"=>\"$ws\", \"height\"=>\"$ws\", \"gravity\"=>\"center\", \"crop\"=>\"fill\"),\n array(\"flags\"=>\"layer_apply\"),\n array(\"overlay\"=>\"%24img\", \"width\"=>400, \"border\"=>\"10px_solid_white\")\n )))","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"legacy","packageVersion":"1.x"},{"sdkId":"java","framework":"java","language":"java","rawCodeSnippet":"cloudinary.url().transformation(new Transformation().variables(variable(\"$img\",\"current\"),variable(\"$ws\",\"600\")).chain() .width(50).crop(\"scale\").chain() .overlay(new Layer().publicId(\"web_assets:chess_background\")).effect(\"blur:800\").width(\"$ws\").height(\"$ws\").gravity(\"center\").crop(\"fill\").chain() .flags(\"layer_apply\").chain() .overlay(new Layer().publicId(\"%24img\")).width(400).border(\"10px_solid_white\")).imageTag(\"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\");","codeSnippet":"cloudinary.url().transformation(new Transformation()\n .variables(variable(\"$img\",\"current\"),variable(\"$ws\",\"600\")).chain()\n .width(50).crop(\"scale\").chain()\n .overlay(new Layer().publicId(\"web_assets:chess_background\")).effect(\"blur:800\").width(\"$ws\").height(\"$ws\").gravity(\"center\").crop(\"fill\").chain()\n .flags(\"layer_apply\").chain()\n .overlay(new Layer().publicId(\"%24img\")).width(400).border(\"10px_solid_white\")).imageTag(\"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\", :transformation=>[ {:variables=>[[\"$img\", \"current\"], [\"$ws\", \"600\"]]}, {:width=>50, :crop=>\"scale\"}, {:overlay=>\"web_assets:chess_background\", :effect=>\"blur:800\", :width=>\"$ws\", :height=>\"$ws\", :gravity=>\"center\", :crop=>\"fill\"}, {:flags=>\"layer_apply\"}, {:overlay=>\"%24img\", :width=>400, :border=>\"10px_solid_white\"} ])","codeSnippet":"cl_image_tag(\"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\", :transformation=>[\n {:variables=>[[\"$img\", \"current\"], [\"$ws\", \"600\"]]},\n {:width=>50, :crop=>\"scale\"},\n {:overlay=>\"web_assets:chess_background\", :effect=>\"blur:800\", :width=>\"$ws\", :height=>\"$ws\", :gravity=>\"center\", :crop=>\"fill\"},\n {:flags=>\"layer_apply\"},\n {:overlay=>\"%24img\", :width=>400, :border=>\"10px_solid_white\"}\n ])","status":0,"statusText":"Ok","displayName":"Ruby","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"csharp","framework":"csharp","language":"csharp","rawCodeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation().Variables(\"$img\", current).Chain() .Width(50).Crop(\"scale\").Chain() .Overlay(new Layer().PublicId(\"web_assets:chess_background\")).Effect(\"blur:800\").Width(\"$ws\").Height(\"$ws\").Gravity(\"center\").Crop(\"fill\").Chain() .Flags(\"layer_apply\").Chain() .Overlay(new Layer().PublicId(\"%24img\")).Width(400).Border(\"10px_solid_white\")).BuildImageTag(\"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation()\n .Variables(\"$img\", current).Chain()\n .Width(50).Crop(\"scale\").Chain()\n .Overlay(new Layer().PublicId(\"web_assets:chess_background\")).Effect(\"blur:800\").Width(\"$ws\").Height(\"$ws\").Gravity(\"center\").Crop(\"fill\").Chain()\n .Flags(\"layer_apply\").Chain()\n .Overlay(new Layer().PublicId(\"%24img\")).Width(400).Border(\"10px_solid_white\")).BuildImageTag(\"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2').transformation(Transformation()\n\t.addVariable(Variable.set(\"img\",\n\tExpression.expression(\"current\")))\n\t.addVariable(Variable.set(\"ws\",600))\n\t.resize(Resize.scale().width(50))\n\t.overlay(Overlay.source(\n\tSource.image(\"web_assets\/chess_background\")\n\t.transformation(new Transformation()\n\t.resize(Resize.fill().width(\"$ws\")\n.height(\"$ws\")\n\t.gravity(\n\tGravity.compass(\n\tCompass.center()))\n\t)\n\t.effect(Effect.blur().strength(800)))\n\t))\n\t.overlay(Overlay.source(\n\tSource.image(\"$img\")\n\t.transformation(new Transformation()\n\t.resize(Resize.scale().width(400))\n\t.border(Border.solid(10,Color.WHITE)))\n\t)));","codeSnippet":"cloudinary.image('chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2').transformation(Transformation()\n\t.addVariable(Variable.set(\"img\",\n\tExpression.expression(\"current\")))\n\t.addVariable(Variable.set(\"ws\",600))\n\t.resize(Resize.scale().width(50))\n\t.overlay(Overlay.source(\n\tSource.image(\"web_assets\/chess_background\")\n\t.transformation(new Transformation()\n\t.resize(Resize.fill().width(\"$ws\")\n.height(\"$ws\")\n\t.gravity(\n\tGravity.compass(\n\tCompass.center()))\n\t)\n\t.effect(Effect.blur().strength(800)))\n\t))\n\t.overlay(Overlay.source(\n\tSource.image(\"$img\")\n\t.transformation(new Transformation()\n\t.resize(Resize.scale().width(400))\n\t.border(Border.solid(10,Color.WHITE)))\n\t)));","status":0,"statusText":"Ok","displayName":"Dart","packageName":"cloudinary_dart","packageStatus":"","packageVersion":"0.x"},{"sdkId":"swift","framework":"swift","language":"swift","rawCodeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().chain() .setWidth(50).setCrop(\"scale\").chain() .setOverlay(\"web_assets:chess_background\").setEffect(\"blur:800\").setWidth(\"$ws\").setHeight(\"$ws\").setGravity(\"center\").setCrop(\"fill\").chain() .setFlags(\"layer_apply\").chain() .setOverlay(\"%24img\").setWidth(400).setBorder(\"10px_solid_white\")).generate(\"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\n .chain()\n .setWidth(50).setCrop(\"scale\").chain()\n .setOverlay(\"web_assets:chess_background\").setEffect(\"blur:800\").setWidth(\"$ws\").setHeight(\"$ws\").setGravity(\"center\").setCrop(\"fill\").chain()\n .setFlags(\"layer_apply\").chain()\n .setOverlay(\"%24img\").setWidth(400).setBorder(\"10px_solid_white\")).generate(\"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\")!, cloudinary: cloudinary)","status":0,"statusText":"Ok","displayName":"iOS","packageName":"cloudinary","packageStatus":"","packageVersion":"3.x"},{"sdkId":"android","framework":"android","language":"android","rawCodeSnippet":"MediaManager.get().url().transformation(new Transformation().variables(variable(\"$img\",\"current\"),variable(\"$ws\",\"600\")).chain() .width(50).crop(\"scale\").chain() .overlay(new Layer().publicId(\"web_assets:chess_background\")).effect(\"blur:800\").width(\"$ws\").height(\"$ws\").gravity(\"center\").crop(\"fill\").chain() .flags(\"layer_apply\").chain() .overlay(new Layer().publicId(\"%24img\")).width(400).border(\"10px_solid_white\")).generate(\"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation()\n .variables(variable(\"$img\",\"current\"),variable(\"$ws\",\"600\")).chain()\n .width(50).crop(\"scale\").chain()\n .overlay(new Layer().publicId(\"web_assets:chess_background\")).effect(\"blur:800\").width(\"$ws\").height(\"$ws\").gravity(\"center\").crop(\"fill\").chain()\n .flags(\"layer_apply\").chain()\n .overlay(new Layer().publicId(\"%24img\")).width(400).border(\"10px_solid_white\")).generate(\"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2').transformation(Transformation()\n\t.addVariable(Variable.set(\"img\",\n\tExpression.expression(\"current\")))\n\t.addVariable(Variable.set(\"ws\",600))\n\t.resize(Resize.scale().width(50))\n\t.overlay(Overlay.source(\n\tSource.image(\"web_assets\/chess_background\")\n\t.transformation(new Transformation()\n\t.resize(Resize.fill().width(\"$ws\")\n.height(\"$ws\")\n\t.gravity(\n\tGravity.compass(\n\tCompass.center()))\n\t)\n\t.effect(Effect.blur().strength(800)))\n\t))\n\t.overlay(Overlay.source(\n\tSource.image(\"$img\")\n\t.transformation(new Transformation()\n\t.resize(Resize.scale().width(400))\n\t.border(Border.solid(10,Color.WHITE)))\n\t)));","codeSnippet":"cloudinary.image('chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2').transformation(Transformation()\n\t.addVariable(Variable.set(\"img\",\n\tExpression.expression(\"current\")))\n\t.addVariable(Variable.set(\"ws\",600))\n\t.resize(Resize.scale().width(50))\n\t.overlay(Overlay.source(\n\tSource.image(\"web_assets\/chess_background\")\n\t.transformation(new Transformation()\n\t.resize(Resize.fill().width(\"$ws\")\n.height(\"$ws\")\n\t.gravity(\n\tGravity.compass(\n\tCompass.center()))\n\t)\n\t.effect(Effect.blur().strength(800)))\n\t))\n\t.overlay(Overlay.source(\n\tSource.image(\"$img\")\n\t.transformation(new Transformation()\n\t.resize(Resize.scale().width(400))\n\t.border(Border.solid(10,Color.WHITE)))\n\t)));","status":0,"statusText":"Ok","displayName":"Flutter","packageName":"cloudinary_flutter","packageStatus":"","packageVersion":"0.x"},{"sdkId":"kotlin","framework":"kotlin","language":"kotlin","rawCodeSnippet":"cloudinary.image {\n\tpublicId(\"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\")\n\t addVariable(Variable.set(\"img\",\n\tExpression.expression(\"current\")))\n\t addVariable(Variable.set(\"ws\",600))\n\t resize(Resize.scale() { width(50) })\n\t overlay(Overlay.source(\n\tSource.image(\"web_assets\/chess_background\") {\n\t transformation(Transformation {\n\t resize(Resize.fill() { width(\"\\\\$ws\")\n height(\"\\\\$ws\")\n\t gravity(\n\tGravity.compass(\n\tCompass.center()))\n\t })\n\t effect(Effect.blur() { strength(800) }) })\n\t }))\n\t overlay(Overlay.source(\n\tSource.image(\"\\$img\") {\n\t transformation(Transformation {\n\t resize(Resize.scale() { width(400) })\n\t border(Border.solid(10,Color.WHITE)) })\n\t })) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\")\n\t addVariable(Variable.set(\"img\",\n\tExpression.expression(\"current\")))\n\t addVariable(Variable.set(\"ws\",600))\n\t resize(Resize.scale() { width(50) })\n\t overlay(Overlay.source(\n\tSource.image(\"web_assets\/chess_background\") {\n\t transformation(Transformation {\n\t resize(Resize.fill() { width(\"\\\\$ws\")\n height(\"\\\\$ws\")\n\t gravity(\n\tGravity.compass(\n\tCompass.center()))\n\t })\n\t effect(Effect.blur() { strength(800) }) })\n\t }))\n\t overlay(Overlay.source(\n\tSource.image(\"\\$img\") {\n\t transformation(Transformation {\n\t resize(Resize.scale() { width(400) })\n\t border(Border.solid(10,Color.WHITE)) })\n\t })) \n}.generate()","status":0,"statusText":"Ok","displayName":"Kotlin","packageName":"kotlin-url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"jquery","framework":"jquery","language":"jquery","rawCodeSnippet":"$.cloudinary.image(\"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\", {transformation: [ {variables: [[\"$img\", \"current\"], [\"$ws\", \"600\"]]}, {width: 50, crop: \"scale\"}, {overlay: new cloudinary.Layer().publicId(\"web_assets:chess_background\"), effect: \"blur:800\", width: \"$ws\", height: \"$ws\", gravity: \"center\", crop: \"fill\"}, {flags: \"layer_apply\"}, {overlay: new cloudinary.Layer().publicId(\"%24img\"), width: 400, border: \"10px_solid_white\"} ]})","codeSnippet":"$.cloudinary.image(\"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\", {transformation: [\n {variables: [[\"$img\", \"current\"], [\"$ws\", \"600\"]]},\n {width: 50, crop: \"scale\"},\n {overlay: new cloudinary.Layer().publicId(\"web_assets:chess_background\"), effect: \"blur:800\", width: \"$ws\", height: \"$ws\", gravity: \"center\", crop: \"fill\"},\n {flags: \"layer_apply\"},\n {overlay: new cloudinary.Layer().publicId(\"%24img\"), width: 400, border: \"10px_solid_white\"}\n ]})","status":0,"statusText":"Ok","displayName":"jQuery","packageName":"cloudinary-jquery","packageStatus":"","packageVersion":"2.x"},{"sdkId":"react_native","framework":"react_native","language":"react_native","rawCodeSnippet":"new CloudinaryImage(\n \"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\"\n)\n .addVariable(set(\"img\", expression(\"current\")))\n .addVariable(set(\"ws\", 600))\n .resize(scale().width(50))\n .overlay(\n source(\n image(\"web_assets\/chess_background\").transformation(\n new Transformation()\n .resize(fill().width(\"$ws\").height(\"$ws\").gravity(compass(\"center\")))\n .effect(blur().strength(800))\n )\n )\n )\n .overlay(\n source(\n image(\"$img\").transformation(\n new Transformation()\n .resize(scale().width(400))\n .border(solid(10, \"white\"))\n )\n )\n );","codeSnippet":"new CloudinaryImage(\n \"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2\"\n)\n .addVariable(set(\"img\", expression(\"current\")))\n .addVariable(set(\"ws\", 600))\n .resize(scale().width(50))\n .overlay(\n source(\n image(\"web_assets\/chess_background\").transformation(\n new Transformation()\n .resize(fill().width(\"$ws\").height(\"$ws\").gravity(compass(\"center\")))\n .effect(blur().strength(800))\n )\n )\n )\n .overlay(\n source(\n image(\"$img\").transformation(\n new Transformation()\n .resize(scale().width(400))\n .border(solid(10, \"white\"))\n )\n )\n );","status":0,"statusText":"Ok","displayName":"React Native","packageName":"cloudinary-react-native","packageStatus":"","packageVersion":"0.x"}]" parsed-url="{"url":"https:\/\/res.www.aaaalireno.com\/demo\/image\/upload\/$img_current,$ws_600\/w_50\/l_web_assets:chess_background,e_blur:800,w_$ws,h_$ws,g_center,c_fill\/fl_layer_apply\/l_$img,w_400,bo_10px_solid_white\/chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR%20b%20KQkq%20c3%200%202","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"upload","resource_type":"image","transformation":[{"$img":"current","$ws":"600"},{"width":"50"},{"overlay":"web_assets:chess_background","effect":"blur:800","width":"$ws","height":"$ws","gravity":"center","crop_mode":"fill"},{"flags":"layer_apply"},{"overlay":"$img","width":"400","border":"10px_solid_white"}],"transformation_string":"$img_current,$ws_600\/w_50\/l_web_assets:chess_background,e_blur:800,w_$ws,h_$ws,g_center,c_fill\/fl_layer_apply\/l_$img,w_400,bo_10px_solid_white","url_suffix":"","version":null,"secure":true,"public_id":"chess\/rnbqkbnr\/ppp1pppp\/8\/3p4\/2PP4\/8\/PP2PPPP\/RNBQKBNR b KQkq c3 0 2","extension":"","format":"","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" >
加载代码示例
实例2:同图像后台变换(边框+后台图像)
可应用此映射技术处理其他案例,例如解析HTML页面并从中获取图像,或从另一个存储服务或第三方APIs获取图像,如QR或地图生成器后自动动态过程无缝地出现在云内:上传、变换、优化和交付可靠高效安全
https://about.netflix.com/en/news/the-queens-gambit-netflix-most-watched-scripted-limited-series