跳转到内容

自动生成会议标记

写由基督教Nwamba

现今社区管理者开发者团队 在世界各地组织例行建立地方国际会议 物理会议或远程会议不仅增强参赛者对会议主题最新资讯的权能, 也为组织者展示与推广产品与服务提供极好契机

结果,千百场大会在全球持续举行组织者必须处理的一个问题是需要生成参与者标签,配齐图像和名称,以分布在世界各地的数以百计或千计参与者计,因为问题之大,大多数组织者完全跳过步子。好消息来了:与云化, 你不必跳过它更多

教程显示云化能自动生成会议标签 并注册为参赛者 并覆盖标签上图片和名最优部分是整个过程通过简单变换图像URL-无编码浏览器

特征大用实例嵌入式会议注册网站使用云图像重叠特征为1,000多位与会者制作标签取样本

嵌入式

立即上传参加者图片并用Concate指定名字浏览器时,云性叠加到参加者标签上读入步骤细节

图片上传

第一,通过嵌入云上上传部件,将所有参赛者图像上传云内,嵌入会议注册网站那样一来,他们就会有独特的公有身份证 由云人分配然后通过ID访问并变换

中选文件上传图像以URL形式出现

https://res.www.aaaalireno.com/*cloud-name*/image/upload/v1531317427/*publicID*.png`

上链路替换云名和云控制台公共标识与图像你上传受访者avatar后像这个

<\/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(\"attendee_avatar.jpg\").setVersion(1531899989);","codeSnippet":"new CloudinaryImage(\"attendee_avatar.jpg\").setVersion(1531899989);","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(\"attendee_avatar.jpg\").setVersion(1531899989);","codeSnippet":"new CloudinaryImage(\"attendee_avatar.jpg\").setVersion(1531899989);","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(\"attendee_avatar.jpg\").setVersion(1531899989);","codeSnippet":"new CloudinaryImage(\"attendee_avatar.jpg\").setVersion(1531899989);","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('attendee_avatar.jpg').toHtml();","codeSnippet":"cloudinary.imageTag('attendee_avatar.jpg').toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"attendee_avatar.jpg\").image()","codeSnippet":"CloudinaryImage(\"attendee_avatar.jpg\").image()","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('attendee_avatar.jpg'))\n\t->version(1531899989);","codeSnippet":"(new ImageTag('attendee_avatar.jpg'))\n\t->version(1531899989);","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"","packageVersion":"2.x"},{"sdkId":"php","framework":"php","language":"php","rawCodeSnippet":"cl_image_tag(\"attendee_avatar.jpg\")","codeSnippet":"cl_image_tag(\"attendee_avatar.jpg\")","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(\"attendee_avatar.jpg\");","codeSnippet":"cloudinary.url().transformation(new Transformation().imageTag(\"attendee_avatar.jpg\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"attendee_avatar.jpg\")","codeSnippet":"cl_image_tag(\"attendee_avatar.jpg\")","status":0,"statusText":"Ok","displayName":"Ruby","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"csharp","framework":"csharp","language":"csharp","rawCodeSnippet":"cloudinary.Api.UrlImgUp.BuildImageTag(\"attendee_avatar.jpg\")","codeSnippet":"cloudinary.Api.UrlImgUp.BuildImageTag(\"attendee_avatar.jpg\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('attendee_avatar.jpg').transformation(Transformation()\n\t.version(1531899989));","codeSnippet":"cloudinary.image('attendee_avatar.jpg').transformation(Transformation()\n\t.version(1531899989));","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(\"attendee_avatar.jpg\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().generate(\"attendee_avatar.jpg\")!, 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(\"attendee_avatar.jpg\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation().generate(\"attendee_avatar.jpg\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('attendee_avatar.jpg').transformation(Transformation()\n\t.version(1531899989));","codeSnippet":"cloudinary.image('attendee_avatar.jpg').transformation(Transformation()\n\t.version(1531899989));","status":0,"statusText":"Ok","displayName":"Flutter","packageName":"cloudinary_flutter","packageStatus":"","packageVersion":"0.x"},{"sdkId":"kotlin","framework":"kotlin","language":"kotlin","rawCodeSnippet":"cloudinary.image {\n\tpublicId(\"attendee_avatar.jpg\")\n\t version(1531899989) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"attendee_avatar.jpg\")\n\t version(1531899989) \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(\"attendee_avatar.jpg\")","codeSnippet":"$.cloudinary.image(\"attendee_avatar.jpg\")","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(\"attendee_avatar.jpg\").setVersion(1531899989);","codeSnippet":"new CloudinaryImage(\"attendee_avatar.jpg\").setVersion(1531899989);","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\/v1531899989\/attendee_avatar.jpg","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"upload","resource_type":"image","transformation":[],"transformation_string":"","url_suffix":"","version":"1531899989","secure":true,"public_id":"attendee_avatar.jpg","extension":"jpg","format":"jpg","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" > 加载代码示例 参赛者Avatar

图像变换

开始变换上传图片云化系统通过添加所需属性可直接变换URL说,你想覆盖atar基像会议标签,它起后台作用上传相关图像后,API调用回文带图像细节,如URL、公共ID等

Avatar重叠

覆盖基础图像a叠加参数(I级并公开标识上传图像举个例子,如果您有上传公共身份证图像会议_tag-

<\/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(\"conference_tag.png\").setVersion(1532104433);","codeSnippet":"new CloudinaryImage(\"conference_tag.png\").setVersion(1532104433);","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(\"conference_tag.png\").setVersion(1532104433);","codeSnippet":"new CloudinaryImage(\"conference_tag.png\").setVersion(1532104433);","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(\"conference_tag.png\").setVersion(1532104433);","codeSnippet":"new CloudinaryImage(\"conference_tag.png\").setVersion(1532104433);","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('conference_tag.png').toHtml();","codeSnippet":"cloudinary.imageTag('conference_tag.png').toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"conference_tag.png\").image()","codeSnippet":"CloudinaryImage(\"conference_tag.png\").image()","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('conference_tag.png'))\n\t->version(1532104433);","codeSnippet":"(new ImageTag('conference_tag.png'))\n\t->version(1532104433);","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"","packageVersion":"2.x"},{"sdkId":"php","framework":"php","language":"php","rawCodeSnippet":"cl_image_tag(\"conference_tag.png\")","codeSnippet":"cl_image_tag(\"conference_tag.png\")","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(\"conference_tag.png\");","codeSnippet":"cloudinary.url().transformation(new Transformation().imageTag(\"conference_tag.png\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"conference_tag.png\")","codeSnippet":"cl_image_tag(\"conference_tag.png\")","status":0,"statusText":"Ok","displayName":"Ruby","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"csharp","framework":"csharp","language":"csharp","rawCodeSnippet":"cloudinary.Api.UrlImgUp.BuildImageTag(\"conference_tag.png\")","codeSnippet":"cloudinary.Api.UrlImgUp.BuildImageTag(\"conference_tag.png\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('conference_tag.png').transformation(Transformation()\n\t.version(1532104433));","codeSnippet":"cloudinary.image('conference_tag.png').transformation(Transformation()\n\t.version(1532104433));","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(\"conference_tag.png\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().generate(\"conference_tag.png\")!, 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(\"conference_tag.png\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation().generate(\"conference_tag.png\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('conference_tag.png').transformation(Transformation()\n\t.version(1532104433));","codeSnippet":"cloudinary.image('conference_tag.png').transformation(Transformation()\n\t.version(1532104433));","status":0,"statusText":"Ok","displayName":"Flutter","packageName":"cloudinary_flutter","packageStatus":"","packageVersion":"0.x"},{"sdkId":"kotlin","framework":"kotlin","language":"kotlin","rawCodeSnippet":"cloudinary.image {\n\tpublicId(\"conference_tag.png\")\n\t version(1532104433) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"conference_tag.png\")\n\t version(1532104433) \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(\"conference_tag.png\")","codeSnippet":"$.cloudinary.image(\"conference_tag.png\")","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(\"conference_tag.png\").setVersion(1532104433);","codeSnippet":"new CloudinaryImage(\"conference_tag.png\").setVersion(1532104433);","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\/v1532104433\/conference_tag.png","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"upload","resource_type":"image","transformation":[],"transformation_string":"","url_suffix":"","version":"1532104433","secure":true,"public_id":"conference_tag.png","extension":"png","format":"png","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" > 加载代码示例 会议标签

并用公有身份证叠加上传avatarenee_avatar基础图像上(会议标签上标):

<\/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(\"attendee_avatar.jpg\").setVersion(1532104553);","codeSnippet":"new CloudinaryImage(\"attendee_avatar.jpg\").setVersion(1532104553);","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(\"attendee_avatar.jpg\").setVersion(1532104553);","codeSnippet":"new CloudinaryImage(\"attendee_avatar.jpg\").setVersion(1532104553);","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(\"attendee_avatar.jpg\").setVersion(1532104553);","codeSnippet":"new CloudinaryImage(\"attendee_avatar.jpg\").setVersion(1532104553);","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('attendee_avatar.jpg').toHtml();","codeSnippet":"cloudinary.imageTag('attendee_avatar.jpg').toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"attendee_avatar.jpg\").image()","codeSnippet":"CloudinaryImage(\"attendee_avatar.jpg\").image()","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('attendee_avatar.jpg'))\n\t->version(1532104553);","codeSnippet":"(new ImageTag('attendee_avatar.jpg'))\n\t->version(1532104553);","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"","packageVersion":"2.x"},{"sdkId":"php","framework":"php","language":"php","rawCodeSnippet":"cl_image_tag(\"attendee_avatar.jpg\")","codeSnippet":"cl_image_tag(\"attendee_avatar.jpg\")","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(\"attendee_avatar.jpg\");","codeSnippet":"cloudinary.url().transformation(new Transformation().imageTag(\"attendee_avatar.jpg\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"attendee_avatar.jpg\")","codeSnippet":"cl_image_tag(\"attendee_avatar.jpg\")","status":0,"statusText":"Ok","displayName":"Ruby","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"csharp","framework":"csharp","language":"csharp","rawCodeSnippet":"cloudinary.Api.UrlImgUp.BuildImageTag(\"attendee_avatar.jpg\")","codeSnippet":"cloudinary.Api.UrlImgUp.BuildImageTag(\"attendee_avatar.jpg\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('attendee_avatar.jpg').transformation(Transformation()\n\t.version(1532104553));","codeSnippet":"cloudinary.image('attendee_avatar.jpg').transformation(Transformation()\n\t.version(1532104553));","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(\"attendee_avatar.jpg\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().generate(\"attendee_avatar.jpg\")!, 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(\"attendee_avatar.jpg\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation().generate(\"attendee_avatar.jpg\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('attendee_avatar.jpg').transformation(Transformation()\n\t.version(1532104553));","codeSnippet":"cloudinary.image('attendee_avatar.jpg').transformation(Transformation()\n\t.version(1532104553));","status":0,"statusText":"Ok","displayName":"Flutter","packageName":"cloudinary_flutter","packageStatus":"","packageVersion":"0.x"},{"sdkId":"kotlin","framework":"kotlin","language":"kotlin","rawCodeSnippet":"cloudinary.image {\n\tpublicId(\"attendee_avatar.jpg\")\n\t version(1532104553) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"attendee_avatar.jpg\")\n\t version(1532104553) \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(\"attendee_avatar.jpg\")","codeSnippet":"$.cloudinary.image(\"attendee_avatar.jpg\")","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(\"attendee_avatar.jpg\").setVersion(1532104553);","codeSnippet":"new CloudinaryImage(\"attendee_avatar.jpg\").setVersion(1532104553);","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\/v1532104553\/attendee_avatar.jpg","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"upload","resource_type":"image","transformation":[],"transformation_string":"","url_suffix":"","version":"1532104553","secure":true,"public_id":"attendee_avatar.jpg","extension":"jpg","format":"jpg","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" > 加载代码示例 eneea

编辑 URL 覆盖标签上avatarL_参数类似 :

<\/Image>","codeSnippet":" \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(\"conference_tag.png\").overlay(\n source(image(\"attendee_avatar\"))\n);","codeSnippet":"new CloudinaryImage(\"conference_tag.png\").overlay(\n source(image(\"attendee_avatar\"))\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<\/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(\"conference_tag.png\").overlay(\n source(image(\"attendee_avatar\"))\n);","codeSnippet":"new CloudinaryImage(\"conference_tag.png\").overlay(\n source(image(\"attendee_avatar\"))\n);","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/ng","packageStatus":"","packageVersion":"1.x"},{"sdkId":"angular","framework":"angular","language":"angular","rawCodeSnippet":" <\/cl-transformation> <\/cl-image>","codeSnippet":" \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(\"conference_tag.png\").overlay(\n source(image(\"attendee_avatar\"))\n);","codeSnippet":"new CloudinaryImage(\"conference_tag.png\").overlay(\n source(image(\"attendee_avatar\"))\n);","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('conference_tag.png', {overlay: new cloudinary.Layer().publicId(\"attendee_avatar\")}).toHtml();","codeSnippet":"cloudinary.imageTag('conference_tag.png', {overlay: new cloudinary.Layer().publicId(\"attendee_avatar\")}).toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"conference_tag.png\").image(overlay=\"attendee_avatar\")","codeSnippet":"CloudinaryImage(\"conference_tag.png\").image(overlay=\"attendee_avatar\")","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('conference_tag.png'))\n\t->overlay(Overlay::source(\n\tSource::image(\"attendee_avatar\")));","codeSnippet":"(new ImageTag('conference_tag.png'))\n\t->overlay(Overlay::source(\n\tSource::image(\"attendee_avatar\")));","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"","packageVersion":"2.x"},{"sdkId":"php","framework":"php","language":"php","rawCodeSnippet":"cl_image_tag(\"conference_tag.png\", array(\"overlay\"=>\"attendee_avatar\"))","codeSnippet":"cl_image_tag(\"conference_tag.png\", array(\"overlay\"=>\"attendee_avatar\"))","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().overlay(new Layer().publicId(\"attendee_avatar\"))).imageTag(\"conference_tag.png\");","codeSnippet":"cloudinary.url().transformation(new Transformation().overlay(new Layer().publicId(\"attendee_avatar\"))).imageTag(\"conference_tag.png\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"conference_tag.png\", :overlay=>\"attendee_avatar\")","codeSnippet":"cl_image_tag(\"conference_tag.png\", :overlay=>\"attendee_avatar\")","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().Overlay(new Layer().PublicId(\"attendee_avatar\"))).BuildImageTag(\"conference_tag.png\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation().Overlay(new Layer().PublicId(\"attendee_avatar\"))).BuildImageTag(\"conference_tag.png\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('conference_tag.png').transformation(Transformation()\n\t.overlay(Overlay.source(\n\tSource.image(\"attendee_avatar\"))));","codeSnippet":"cloudinary.image('conference_tag.png').transformation(Transformation()\n\t.overlay(Overlay.source(\n\tSource.image(\"attendee_avatar\"))));","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().setOverlay(\"attendee_avatar\")).generate(\"conference_tag.png\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setOverlay(\"attendee_avatar\")).generate(\"conference_tag.png\")!, 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().overlay(new Layer().publicId(\"attendee_avatar\"))).generate(\"conference_tag.png\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation().overlay(new Layer().publicId(\"attendee_avatar\"))).generate(\"conference_tag.png\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('conference_tag.png').transformation(Transformation()\n\t.overlay(Overlay.source(\n\tSource.image(\"attendee_avatar\"))));","codeSnippet":"cloudinary.image('conference_tag.png').transformation(Transformation()\n\t.overlay(Overlay.source(\n\tSource.image(\"attendee_avatar\"))));","status":0,"statusText":"Ok","displayName":"Flutter","packageName":"cloudinary_flutter","packageStatus":"","packageVersion":"0.x"},{"sdkId":"kotlin","framework":"kotlin","language":"kotlin","rawCodeSnippet":"cloudinary.image {\n\tpublicId(\"conference_tag.png\")\n\t overlay(Overlay.source(\n\tSource.image(\"attendee_avatar\"))) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"conference_tag.png\")\n\t overlay(Overlay.source(\n\tSource.image(\"attendee_avatar\"))) \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(\"conference_tag.png\", {overlay: new cloudinary.Layer().publicId(\"attendee_avatar\")})","codeSnippet":"$.cloudinary.image(\"conference_tag.png\", {overlay: new cloudinary.Layer().publicId(\"attendee_avatar\")})","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(\"conference_tag.png\").overlay(\n source(image(\"attendee_avatar\"))\n);","codeSnippet":"new CloudinaryImage(\"conference_tag.png\").overlay(\n source(image(\"attendee_avatar\"))\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\/l_attendee_avatar\/conference_tag.png","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"upload","resource_type":"image","transformation":[{"overlay":"attendee_avatar"}],"transformation_string":"l_attendee_avatar","url_suffix":"","version":"","secure":true,"public_id":"conference_tag.png","extension":"png","format":"png","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" > 加载代码示例 会议标签

基础图像覆盖atarAvatar横跨图像全宽度,这看起来怪异修复问题变叠,下一节解释

重叠变换

可重排叠加变换仿佛其他图像上传到云适当缩放affar叠加大小以适配占位符大小,编辑 URL以进一步定义叠加参数,例如分配半径100像素(圆形图像),宽度120像素和x/y坐标6和24等

<\/Image>","codeSnippet":" \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(\"conference_tag.png\").overlay(\n source(\n image(\"attendee_avatar\").transformation(\n new Transformation()\n .resize(scale().width(120))\n .roundCorners(byRadius(100))\n )\n ).position(new Position().offsetX(6).offsetY(24))\n);","codeSnippet":"new CloudinaryImage(\"conference_tag.png\").overlay(\n source(\n image(\"attendee_avatar\").transformation(\n new Transformation()\n .resize(scale().width(120))\n .roundCorners(byRadius(100))\n )\n ).position(new Position().offsetX(6).offsetY(24))\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<\/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(\"conference_tag.png\").overlay(\n source(\n image(\"attendee_avatar\").transformation(\n new Transformation()\n .resize(scale().width(120))\n .roundCorners(byRadius(100))\n )\n ).position(new Position().offsetX(6).offsetY(24))\n);","codeSnippet":"new CloudinaryImage(\"conference_tag.png\").overlay(\n source(\n image(\"attendee_avatar\").transformation(\n new Transformation()\n .resize(scale().width(120))\n .roundCorners(byRadius(100))\n )\n ).position(new Position().offsetX(6).offsetY(24))\n);","status":0,"statusText":"Ok","displayName":"Angular","packageName":"@cloudinary\/ng","packageStatus":"","packageVersion":"1.x"},{"sdkId":"angular","framework":"angular","language":"angular","rawCodeSnippet":" <\/cl-transformation> <\/cl-image>","codeSnippet":" \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(\"conference_tag.png\").overlay(\n source(\n image(\"attendee_avatar\").transformation(\n new Transformation()\n .resize(scale().width(120))\n .roundCorners(byRadius(100))\n )\n ).position(new Position().offsetX(6).offsetY(24))\n);","codeSnippet":"new CloudinaryImage(\"conference_tag.png\").overlay(\n source(\n image(\"attendee_avatar\").transformation(\n new Transformation()\n .resize(scale().width(120))\n .roundCorners(byRadius(100))\n )\n ).position(new Position().offsetX(6).offsetY(24))\n);","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('conference_tag.png', {overlay: new cloudinary.Layer().publicId(\"attendee_avatar\"), radius: 100, width: 120, x: 6, y: 24}).toHtml();","codeSnippet":"cloudinary.imageTag('conference_tag.png', {overlay: new cloudinary.Layer().publicId(\"attendee_avatar\"), radius: 100, width: 120, x: 6, y: 24}).toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"conference_tag.png\").image(overlay=\"attendee_avatar\", radius=100, width=120, x=6, y=24)","codeSnippet":"CloudinaryImage(\"conference_tag.png\").image(overlay=\"attendee_avatar\", radius=100, width=120, x=6, y=24)","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('conference_tag.png'))\n\t->overlay(Overlay::source(\n\tSource::image(\"attendee_avatar\")\n\t->transformation((new Transformation())\n\t->resize(Resize::scale()->width(120))\n\t->roundCorners(RoundCorners::byRadius(100)))\n\t)\n\t->position((new Position())->offsetX(6)\n->offsetY(24))\n\t);","codeSnippet":"(new ImageTag('conference_tag.png'))\n\t->overlay(Overlay::source(\n\tSource::image(\"attendee_avatar\")\n\t->transformation((new Transformation())\n\t->resize(Resize::scale()->width(120))\n\t->roundCorners(RoundCorners::byRadius(100)))\n\t)\n\t->position((new Position())->offsetX(6)\n->offsetY(24))\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(\"conference_tag.png\", array(\"overlay\"=>\"attendee_avatar\", \"radius\"=>100, \"width\"=>120, \"x\"=>6, \"y\"=>24))","codeSnippet":"cl_image_tag(\"conference_tag.png\", array(\"overlay\"=>\"attendee_avatar\", \"radius\"=>100, \"width\"=>120, \"x\"=>6, \"y\"=>24))","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().overlay(new Layer().publicId(\"attendee_avatar\")).radius(100).width(120).x(6).y(24)).imageTag(\"conference_tag.png\");","codeSnippet":"cloudinary.url().transformation(new Transformation().overlay(new Layer().publicId(\"attendee_avatar\")).radius(100).width(120).x(6).y(24)).imageTag(\"conference_tag.png\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"conference_tag.png\", :overlay=>\"attendee_avatar\", :radius=>100, :width=>120, :x=>6, :y=>24)","codeSnippet":"cl_image_tag(\"conference_tag.png\", :overlay=>\"attendee_avatar\", :radius=>100, :width=>120, :x=>6, :y=>24)","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().Overlay(new Layer().PublicId(\"attendee_avatar\")).Radius(100).Width(120).X(6).Y(24)).BuildImageTag(\"conference_tag.png\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation().Overlay(new Layer().PublicId(\"attendee_avatar\")).Radius(100).Width(120).X(6).Y(24)).BuildImageTag(\"conference_tag.png\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('conference_tag.png').transformation(Transformation()\n\t.overlay(Overlay.source(\n\tSource.image(\"attendee_avatar\")\n\t.transformation(new Transformation()\n\t.resize(Resize.scale().width(120))\n\t.roundCorners(RoundCorners.byRadius(100)))\n\t)\n\t.position(Position().offsetX(6)\n.offsetY(24))\n\t));","codeSnippet":"cloudinary.image('conference_tag.png').transformation(Transformation()\n\t.overlay(Overlay.source(\n\tSource.image(\"attendee_avatar\")\n\t.transformation(new Transformation()\n\t.resize(Resize.scale().width(120))\n\t.roundCorners(RoundCorners.byRadius(100)))\n\t)\n\t.position(Position().offsetX(6)\n.offsetY(24))\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().setOverlay(\"attendee_avatar\").setRadius(100).setWidth(120).setX(6).setY(24)).generate(\"conference_tag.png\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setOverlay(\"attendee_avatar\").setRadius(100).setWidth(120).setX(6).setY(24)).generate(\"conference_tag.png\")!, 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().overlay(new Layer().publicId(\"attendee_avatar\")).radius(100).width(120).x(6).y(24)).generate(\"conference_tag.png\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation().overlay(new Layer().publicId(\"attendee_avatar\")).radius(100).width(120).x(6).y(24)).generate(\"conference_tag.png\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('conference_tag.png').transformation(Transformation()\n\t.overlay(Overlay.source(\n\tSource.image(\"attendee_avatar\")\n\t.transformation(new Transformation()\n\t.addTransformation())\n\t)\n\t.position(Position().offsetX(6)\n.offsetY(24))\n\t));","codeSnippet":"cloudinary.image('conference_tag.png').transformation(Transformation()\n\t.overlay(Overlay.source(\n\tSource.image(\"attendee_avatar\")\n\t.transformation(new Transformation()\n\t.addTransformation())\n\t)\n\t.position(Position().offsetX(6)\n.offsetY(24))\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(\"conference_tag.png\")\n\t overlay(Overlay.source(\n\tSource.image(\"attendee_avatar\") {\n\t transformation(Transformation {\n\t resize(Resize.scale() { width(120) })\n\t roundCorners(RoundCorners.byRadius(100)) })\n\t }) {\n\t position(Position() { offsetX(6)\n offsetY(24) })\n\t }) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"conference_tag.png\")\n\t overlay(Overlay.source(\n\tSource.image(\"attendee_avatar\") {\n\t transformation(Transformation {\n\t resize(Resize.scale() { width(120) })\n\t roundCorners(RoundCorners.byRadius(100)) })\n\t }) {\n\t position(Position() { offsetX(6)\n offsetY(24) })\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(\"conference_tag.png\", {overlay: new cloudinary.Layer().publicId(\"attendee_avatar\"), radius: 100, width: 120, x: 6, y: 24})","codeSnippet":"$.cloudinary.image(\"conference_tag.png\", {overlay: new cloudinary.Layer().publicId(\"attendee_avatar\"), radius: 100, width: 120, x: 6, y: 24})","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(\"conference_tag.png\").overlay(\n source(\n image(\"attendee_avatar\").transformation(\n new Transformation()\n .resize(scale().width(120))\n .roundCorners(byRadius(100))\n )\n ).position(new Position().offsetX(6).offsetY(24))\n);","codeSnippet":"new CloudinaryImage(\"conference_tag.png\").overlay(\n source(\n image(\"attendee_avatar\").transformation(\n new Transformation()\n .resize(scale().width(120))\n .roundCorners(byRadius(100))\n )\n ).position(new Position().offsetX(6).offsetY(24))\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\/l_attendee_avatar,r_100,w_120,x_6,y_24\/conference_tag.png","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"upload","resource_type":"image","transformation":[{"overlay":"attendee_avatar","radius":"100","width":"120","x":"6","y":"24"}],"transformation_string":"l_attendee_avatar,r_100,w_120,x_6,y_24","url_suffix":"","version":"","secure":true,"public_id":"conference_tag.png","extension":"png","format":"png","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" > 加载代码示例 变小图像

注释 :

公共图像标识包含文件夹组件,例如公共图像标识图片/a转换图像为叠加时用结肠替换斜画在这种情况下,改变公有身份证图像显示至图片:avatar.

万事通调URL下段显示您如何覆盖图像参与者名 。

添加文本说明

云形图像上加文本注解文本 :属性叠加参数(l_text:内URLs)参数还需要定型参数,如字体家属和大小(除以加宽后加冒号)和文本字符串显示举例说,用18像素大小的Arial字体叠接文本字符串Christian时,更新图像URL读法如下:

<\/Image>","codeSnippet":" \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(\"conference_tag.png\")\n .overlay(\n source(\n image(\"attendee_avatar\").transformation(\n new Transformation()\n .resize(scale().width(120))\n .roundCorners(byRadius(100))\n )\n ).position(new Position().offsetX(6).offsetY(24))\n )\n .overlay(source(text(\"Christian\", new TextStyle(\"Arial\", 18))));","codeSnippet":"new CloudinaryImage(\"conference_tag.png\")\n .overlay(\n source(\n image(\"attendee_avatar\").transformation(\n new Transformation()\n .resize(scale().width(120))\n .roundCorners(byRadius(100))\n )\n ).position(new Position().offsetX(6).offsetY(24))\n )\n .overlay(source(text(\"Christian\", new TextStyle(\"Arial\", 18))));","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<\/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(\"conference_tag.png\")\n .overlay(\n source(\n image(\"attendee_avatar\").transformation(\n new Transformation()\n .resize(scale().width(120))\n .roundCorners(byRadius(100))\n )\n ).position(new Position().offsetX(6).offsetY(24))\n )\n .overlay(source(text(\"Christian\", new TextStyle(\"Arial\", 18))));","codeSnippet":"new CloudinaryImage(\"conference_tag.png\")\n .overlay(\n source(\n image(\"attendee_avatar\").transformation(\n new Transformation()\n .resize(scale().width(120))\n .roundCorners(byRadius(100))\n )\n ).position(new Position().offsetX(6).offsetY(24))\n )\n .overlay(source(text(\"Christian\", new TextStyle(\"Arial\", 18))));","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-image>","codeSnippet":" \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(\"conference_tag.png\")\n .overlay(\n source(\n image(\"attendee_avatar\").transformation(\n new Transformation()\n .resize(scale().width(120))\n .roundCorners(byRadius(100))\n )\n ).position(new Position().offsetX(6).offsetY(24))\n )\n .overlay(source(text(\"Christian\", new TextStyle(\"Arial\", 18))));","codeSnippet":"new CloudinaryImage(\"conference_tag.png\")\n .overlay(\n source(\n image(\"attendee_avatar\").transformation(\n new Transformation()\n .resize(scale().width(120))\n .roundCorners(byRadius(100))\n )\n ).position(new Position().offsetX(6).offsetY(24))\n )\n .overlay(source(text(\"Christian\", new TextStyle(\"Arial\", 18))));","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('conference_tag.png', {transformation: [ {overlay: new cloudinary.Layer().publicId(\"attendee_avatar\"), radius: 100, width: 120, x: 6, y: 24}, {overlay: new cloudinary.TextLayer().fontFamily(\"Arial\").fontSize(18).text(\"Christian\")} ]}).toHtml();","codeSnippet":"cloudinary.imageTag('conference_tag.png', {transformation: [\n {overlay: new cloudinary.Layer().publicId(\"attendee_avatar\"), radius: 100, width: 120, x: 6, y: 24},\n {overlay: new cloudinary.TextLayer().fontFamily(\"Arial\").fontSize(18).text(\"Christian\")}\n ]}).toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"conference_tag.png\").image(transformation=[ {'overlay': \"attendee_avatar\", 'radius': 100, 'width': 120, 'x': 6, 'y': 24}, {'overlay': {'font_family': \"Arial\", 'font_size': 18, 'text': \"Christian\"}} ])","codeSnippet":"CloudinaryImage(\"conference_tag.png\").image(transformation=[\n {'overlay': \"attendee_avatar\", 'radius': 100, 'width': 120, 'x': 6, 'y': 24},\n {'overlay': {'font_family': \"Arial\", 'font_size': 18, 'text': \"Christian\"}}\n ])","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('conference_tag.png'))\n\t->overlay(Overlay::source(\n\tSource::image(\"attendee_avatar\")\n\t->transformation((new Transformation())\n\t->resize(Resize::scale()->width(120))\n\t->roundCorners(RoundCorners::byRadius(100)))\n\t)\n\t->position((new Position())->offsetX(6)\n->offsetY(24))\n\t)\n\t->overlay(Overlay::source(\n\tSource::text(\"Christian\",(new TextStyle(\"Arial\",18)))));","codeSnippet":"(new ImageTag('conference_tag.png'))\n\t->overlay(Overlay::source(\n\tSource::image(\"attendee_avatar\")\n\t->transformation((new Transformation())\n\t->resize(Resize::scale()->width(120))\n\t->roundCorners(RoundCorners::byRadius(100)))\n\t)\n\t->position((new Position())->offsetX(6)\n->offsetY(24))\n\t)\n\t->overlay(Overlay::source(\n\tSource::text(\"Christian\",(new TextStyle(\"Arial\",18)))));","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"","packageVersion":"2.x"},{"sdkId":"php","framework":"php","language":"php","rawCodeSnippet":"cl_image_tag(\"conference_tag.png\", array(\"transformation\"=>array( array(\"overlay\"=>\"attendee_avatar\", \"radius\"=>100, \"width\"=>120, \"x\"=>6, \"y\"=>24), array(\"overlay\"=>array(\"font_family\"=>\"Arial\", \"font_size\"=>18, \"text\"=>\"Christian\")) )))","codeSnippet":"cl_image_tag(\"conference_tag.png\", array(\"transformation\"=>array(\n array(\"overlay\"=>\"attendee_avatar\", \"radius\"=>100, \"width\"=>120, \"x\"=>6, \"y\"=>24),\n array(\"overlay\"=>array(\"font_family\"=>\"Arial\", \"font_size\"=>18, \"text\"=>\"Christian\"))\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().overlay(new Layer().publicId(\"attendee_avatar\")).radius(100).width(120).x(6).y(24).chain() .overlay(new TextLayer().fontFamily(\"Arial\").fontSize(18).text(\"Christian\"))).imageTag(\"conference_tag.png\");","codeSnippet":"cloudinary.url().transformation(new Transformation()\n .overlay(new Layer().publicId(\"attendee_avatar\")).radius(100).width(120).x(6).y(24).chain()\n .overlay(new TextLayer().fontFamily(\"Arial\").fontSize(18).text(\"Christian\"))).imageTag(\"conference_tag.png\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"conference_tag.png\", :transformation=>[ {:overlay=>\"attendee_avatar\", :radius=>100, :width=>120, :x=>6, :y=>24}, {:overlay=>{:font_family=>\"Arial\", :font_size=>18, :text=>\"Christian\"}} ])","codeSnippet":"cl_image_tag(\"conference_tag.png\", :transformation=>[\n {:overlay=>\"attendee_avatar\", :radius=>100, :width=>120, :x=>6, :y=>24},\n {:overlay=>{:font_family=>\"Arial\", :font_size=>18, :text=>\"Christian\"}}\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().Overlay(new Layer().PublicId(\"attendee_avatar\")).Radius(100).Width(120).X(6).Y(24).Chain() .Overlay(new TextLayer().FontFamily(\"Arial\").FontSize(18).Text(\"Christian\"))).BuildImageTag(\"conference_tag.png\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation()\n .Overlay(new Layer().PublicId(\"attendee_avatar\")).Radius(100).Width(120).X(6).Y(24).Chain()\n .Overlay(new TextLayer().FontFamily(\"Arial\").FontSize(18).Text(\"Christian\"))).BuildImageTag(\"conference_tag.png\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('conference_tag.png').transformation(Transformation()\n\t.addTransformation(\"l_attendee_avatar,r_100,w_120,x_6,y_24\/l_text:Arial_18:Christian\"));","codeSnippet":"cloudinary.image('conference_tag.png').transformation(Transformation()\n\t.addTransformation(\"l_attendee_avatar,r_100,w_120,x_6,y_24\/l_text:Arial_18:Christian\"));","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().setOverlay(\"attendee_avatar\").setRadius(100).setWidth(120).setX(6).setY(24).chain() .setOverlay(\"text:Arial_18:Christian\")).generate(\"conference_tag.png\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\n .setOverlay(\"attendee_avatar\").setRadius(100).setWidth(120).setX(6).setY(24).chain()\n .setOverlay(\"text:Arial_18:Christian\")).generate(\"conference_tag.png\")!, 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().overlay(new Layer().publicId(\"attendee_avatar\")).radius(100).width(120).x(6).y(24).chain() .overlay(new TextLayer().fontFamily(\"Arial\").fontSize(18).text(\"Christian\"))).generate(\"conference_tag.png\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation()\n .overlay(new Layer().publicId(\"attendee_avatar\")).radius(100).width(120).x(6).y(24).chain()\n .overlay(new TextLayer().fontFamily(\"Arial\").fontSize(18).text(\"Christian\"))).generate(\"conference_tag.png\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('conference_tag.png').transformation(Transformation()\n\t.addTransformation(\"l_attendee_avatar,r_100,w_120,x_6,y_24\/l_text:Arial_18:Christian\"));","codeSnippet":"cloudinary.image('conference_tag.png').transformation(Transformation()\n\t.addTransformation(\"l_attendee_avatar,r_100,w_120,x_6,y_24\/l_text:Arial_18:Christian\"));","status":0,"statusText":"Ok","displayName":"Flutter","packageName":"cloudinary_flutter","packageStatus":"","packageVersion":"0.x"},{"sdkId":"kotlin","framework":"kotlin","language":"kotlin","rawCodeSnippet":"cloudinary.image {\n\tpublicId(\"conference_tag.png\")\n\t overlay(Overlay.source(\n\tSource.image(\"attendee_avatar\") {\n\t transformation(Transformation {\n\t resize(Resize.scale() { width(120) })\n\t roundCorners(RoundCorners.byRadius(100)) })\n\t }) {\n\t position(Position() { offsetX(6)\n offsetY(24) })\n\t })\n\t overlay(Overlay.source(\n\tSource.text(\"Christian\",TextStyle(\"Arial\",18)))) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"conference_tag.png\")\n\t overlay(Overlay.source(\n\tSource.image(\"attendee_avatar\") {\n\t transformation(Transformation {\n\t resize(Resize.scale() { width(120) })\n\t roundCorners(RoundCorners.byRadius(100)) })\n\t }) {\n\t position(Position() { offsetX(6)\n offsetY(24) })\n\t })\n\t overlay(Overlay.source(\n\tSource.text(\"Christian\",TextStyle(\"Arial\",18)))) \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(\"conference_tag.png\", {transformation: [ {overlay: new cloudinary.Layer().publicId(\"attendee_avatar\"), radius: 100, width: 120, x: 6, y: 24}, {overlay: new cloudinary.TextLayer().fontFamily(\"Arial\").fontSize(18).text(\"Christian\")} ]})","codeSnippet":"$.cloudinary.image(\"conference_tag.png\", {transformation: [\n {overlay: new cloudinary.Layer().publicId(\"attendee_avatar\"), radius: 100, width: 120, x: 6, y: 24},\n {overlay: new cloudinary.TextLayer().fontFamily(\"Arial\").fontSize(18).text(\"Christian\")}\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(\"conference_tag.png\")\n .overlay(\n source(\n image(\"attendee_avatar\").transformation(\n new Transformation()\n .resize(scale().width(120))\n .roundCorners(byRadius(100))\n )\n ).position(new Position().offsetX(6).offsetY(24))\n )\n .overlay(source(text(\"Christian\", new TextStyle(\"Arial\", 18))));","codeSnippet":"new CloudinaryImage(\"conference_tag.png\")\n .overlay(\n source(\n image(\"attendee_avatar\").transformation(\n new Transformation()\n .resize(scale().width(120))\n .roundCorners(byRadius(100))\n )\n ).position(new Position().offsetX(6).offsetY(24))\n )\n .overlay(source(text(\"Christian\", new TextStyle(\"Arial\", 18))));","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\/l_attendee_avatar,r_100,w_120,x_6,y_24\/l_text:Arial_18:Christian\/conference_tag.png","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"upload","resource_type":"image","transformation":[{"overlay":"attendee_avatar","radius":"100","width":"120","x":"6","y":"24"},{"overlay":"text:Arial_18:Christian"}],"transformation_string":"l_attendee_avatar,r_100,w_120,x_6,y_24\/l_text:Arial_18:Christian","url_suffix":"","version":"","secure":true,"public_id":"conference_tag.png","extension":"png","format":"png","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" > 加载代码示例 文本标题

云化后自动叠加图像上基督教名名片混淆部分参赛者图片下一节说明如何重新定位名称

文本变换

云形支持多型参数, 使文本随心所欲变换不仅可以修改字体,还可调整大小、重新定位、变色甚至平面下划线

置换符上出现Christian名称,添加垂直坐标参数Y_120to URL标签现在看起来像

<\/Image>","codeSnippet":" \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(\"conference_tag.png\")\n .overlay(\n source(\n image(\"attendee_avatar\").transformation(\n new Transformation()\n .resize(scale().width(120))\n .roundCorners(byRadius(100))\n )\n ).position(new Position().offsetX(6).offsetY(24))\n )\n .overlay(\n source(text(\"Christian\", new TextStyle(\"Arial\", 18))).position(\n new Position().offsetY(120)\n )\n );","codeSnippet":"new CloudinaryImage(\"conference_tag.png\")\n .overlay(\n source(\n image(\"attendee_avatar\").transformation(\n new Transformation()\n .resize(scale().width(120))\n .roundCorners(byRadius(100))\n )\n ).position(new Position().offsetX(6).offsetY(24))\n )\n .overlay(\n source(text(\"Christian\", new TextStyle(\"Arial\", 18))).position(\n new Position().offsetY(120)\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<\/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(\"conference_tag.png\")\n .overlay(\n source(\n image(\"attendee_avatar\").transformation(\n new Transformation()\n .resize(scale().width(120))\n .roundCorners(byRadius(100))\n )\n ).position(new Position().offsetX(6).offsetY(24))\n )\n .overlay(\n source(text(\"Christian\", new TextStyle(\"Arial\", 18))).position(\n new Position().offsetY(120)\n )\n );","codeSnippet":"new CloudinaryImage(\"conference_tag.png\")\n .overlay(\n source(\n image(\"attendee_avatar\").transformation(\n new Transformation()\n .resize(scale().width(120))\n .roundCorners(byRadius(100))\n )\n ).position(new Position().offsetX(6).offsetY(24))\n )\n .overlay(\n source(text(\"Christian\", new TextStyle(\"Arial\", 18))).position(\n new Position().offsetY(120)\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-image>","codeSnippet":" \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(\"conference_tag.png\")\n .overlay(\n source(\n image(\"attendee_avatar\").transformation(\n new Transformation()\n .resize(scale().width(120))\n .roundCorners(byRadius(100))\n )\n ).position(new Position().offsetX(6).offsetY(24))\n )\n .overlay(\n source(text(\"Christian\", new TextStyle(\"Arial\", 18))).position(\n new Position().offsetY(120)\n )\n );","codeSnippet":"new CloudinaryImage(\"conference_tag.png\")\n .overlay(\n source(\n image(\"attendee_avatar\").transformation(\n new Transformation()\n .resize(scale().width(120))\n .roundCorners(byRadius(100))\n )\n ).position(new Position().offsetX(6).offsetY(24))\n )\n .overlay(\n source(text(\"Christian\", new TextStyle(\"Arial\", 18))).position(\n new Position().offsetY(120)\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('conference_tag.png', {transformation: [ {overlay: new cloudinary.Layer().publicId(\"attendee_avatar\"), radius: 100, width: 120, x: 6, y: 24}, {overlay: new cloudinary.TextLayer().fontFamily(\"Arial\").fontSize(18).text(\"Christian\"), y: 120} ]}).toHtml();","codeSnippet":"cloudinary.imageTag('conference_tag.png', {transformation: [\n {overlay: new cloudinary.Layer().publicId(\"attendee_avatar\"), radius: 100, width: 120, x: 6, y: 24},\n {overlay: new cloudinary.TextLayer().fontFamily(\"Arial\").fontSize(18).text(\"Christian\"), y: 120}\n ]}).toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"conference_tag.png\").image(transformation=[ {'overlay': \"attendee_avatar\", 'radius': 100, 'width': 120, 'x': 6, 'y': 24}, {'overlay': {'font_family': \"Arial\", 'font_size': 18, 'text': \"Christian\"}, 'y': 120} ])","codeSnippet":"CloudinaryImage(\"conference_tag.png\").image(transformation=[\n {'overlay': \"attendee_avatar\", 'radius': 100, 'width': 120, 'x': 6, 'y': 24},\n {'overlay': {'font_family': \"Arial\", 'font_size': 18, 'text': \"Christian\"}, 'y': 120}\n ])","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('conference_tag.png'))\n\t->overlay(Overlay::source(\n\tSource::image(\"attendee_avatar\")\n\t->transformation((new Transformation())\n\t->resize(Resize::scale()->width(120))\n\t->roundCorners(RoundCorners::byRadius(100)))\n\t)\n\t->position((new Position())->offsetX(6)\n->offsetY(24))\n\t)\n\t->overlay(Overlay::source(\n\tSource::text(\"Christian\",(new TextStyle(\"Arial\",18))))\n\t->position((new Position())->offsetY(120))\n\t);","codeSnippet":"(new ImageTag('conference_tag.png'))\n\t->overlay(Overlay::source(\n\tSource::image(\"attendee_avatar\")\n\t->transformation((new Transformation())\n\t->resize(Resize::scale()->width(120))\n\t->roundCorners(RoundCorners::byRadius(100)))\n\t)\n\t->position((new Position())->offsetX(6)\n->offsetY(24))\n\t)\n\t->overlay(Overlay::source(\n\tSource::text(\"Christian\",(new TextStyle(\"Arial\",18))))\n\t->position((new Position())->offsetY(120))\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(\"conference_tag.png\", array(\"transformation\"=>array( array(\"overlay\"=>\"attendee_avatar\", \"radius\"=>100, \"width\"=>120, \"x\"=>6, \"y\"=>24), array(\"overlay\"=>array(\"font_family\"=>\"Arial\", \"font_size\"=>18, \"text\"=>\"Christian\"), \"y\"=>120) )))","codeSnippet":"cl_image_tag(\"conference_tag.png\", array(\"transformation\"=>array(\n array(\"overlay\"=>\"attendee_avatar\", \"radius\"=>100, \"width\"=>120, \"x\"=>6, \"y\"=>24),\n array(\"overlay\"=>array(\"font_family\"=>\"Arial\", \"font_size\"=>18, \"text\"=>\"Christian\"), \"y\"=>120)\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().overlay(new Layer().publicId(\"attendee_avatar\")).radius(100).width(120).x(6).y(24).chain() .overlay(new TextLayer().fontFamily(\"Arial\").fontSize(18).text(\"Christian\")).y(120)).imageTag(\"conference_tag.png\");","codeSnippet":"cloudinary.url().transformation(new Transformation()\n .overlay(new Layer().publicId(\"attendee_avatar\")).radius(100).width(120).x(6).y(24).chain()\n .overlay(new TextLayer().fontFamily(\"Arial\").fontSize(18).text(\"Christian\")).y(120)).imageTag(\"conference_tag.png\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"conference_tag.png\", :transformation=>[ {:overlay=>\"attendee_avatar\", :radius=>100, :width=>120, :x=>6, :y=>24}, {:overlay=>{:font_family=>\"Arial\", :font_size=>18, :text=>\"Christian\"}, :y=>120} ])","codeSnippet":"cl_image_tag(\"conference_tag.png\", :transformation=>[\n {:overlay=>\"attendee_avatar\", :radius=>100, :width=>120, :x=>6, :y=>24},\n {:overlay=>{:font_family=>\"Arial\", :font_size=>18, :text=>\"Christian\"}, :y=>120}\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().Overlay(new Layer().PublicId(\"attendee_avatar\")).Radius(100).Width(120).X(6).Y(24).Chain() .Overlay(new TextLayer().FontFamily(\"Arial\").FontSize(18).Text(\"Christian\")).Y(120)).BuildImageTag(\"conference_tag.png\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation()\n .Overlay(new Layer().PublicId(\"attendee_avatar\")).Radius(100).Width(120).X(6).Y(24).Chain()\n .Overlay(new TextLayer().FontFamily(\"Arial\").FontSize(18).Text(\"Christian\")).Y(120)).BuildImageTag(\"conference_tag.png\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('conference_tag.png').transformation(Transformation()\n\t.addTransformation(\"l_attendee_avatar,r_100,w_120,x_6,y_24\/l_text:Arial_18:Christian,y_120\"));","codeSnippet":"cloudinary.image('conference_tag.png').transformation(Transformation()\n\t.addTransformation(\"l_attendee_avatar,r_100,w_120,x_6,y_24\/l_text:Arial_18:Christian,y_120\"));","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().setOverlay(\"attendee_avatar\").setRadius(100).setWidth(120).setX(6).setY(24).chain() .setOverlay(\"text:Arial_18:Christian\").setY(120)).generate(\"conference_tag.png\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\n .setOverlay(\"attendee_avatar\").setRadius(100).setWidth(120).setX(6).setY(24).chain()\n .setOverlay(\"text:Arial_18:Christian\").setY(120)).generate(\"conference_tag.png\")!, 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().overlay(new Layer().publicId(\"attendee_avatar\")).radius(100).width(120).x(6).y(24).chain() .overlay(new TextLayer().fontFamily(\"Arial\").fontSize(18).text(\"Christian\")).y(120)).generate(\"conference_tag.png\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation()\n .overlay(new Layer().publicId(\"attendee_avatar\")).radius(100).width(120).x(6).y(24).chain()\n .overlay(new TextLayer().fontFamily(\"Arial\").fontSize(18).text(\"Christian\")).y(120)).generate(\"conference_tag.png\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('conference_tag.png').transformation(Transformation()\n\t.addTransformation(\"l_attendee_avatar,r_100,w_120,x_6,y_24\/l_text:Arial_18:Christian,y_120\"));","codeSnippet":"cloudinary.image('conference_tag.png').transformation(Transformation()\n\t.addTransformation(\"l_attendee_avatar,r_100,w_120,x_6,y_24\/l_text:Arial_18:Christian,y_120\"));","status":0,"statusText":"Ok","displayName":"Flutter","packageName":"cloudinary_flutter","packageStatus":"","packageVersion":"0.x"},{"sdkId":"kotlin","framework":"kotlin","language":"kotlin","rawCodeSnippet":"cloudinary.image {\n\tpublicId(\"conference_tag.png\")\n\t overlay(Overlay.source(\n\tSource.image(\"attendee_avatar\") {\n\t transformation(Transformation {\n\t resize(Resize.scale() { width(120) })\n\t roundCorners(RoundCorners.byRadius(100)) })\n\t }) {\n\t position(Position() { offsetX(6)\n offsetY(24) })\n\t })\n\t overlay(Overlay.source(\n\tSource.text(\"Christian\",TextStyle(\"Arial\",18))) {\n\t position(Position() { offsetY(120) })\n\t }) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"conference_tag.png\")\n\t overlay(Overlay.source(\n\tSource.image(\"attendee_avatar\") {\n\t transformation(Transformation {\n\t resize(Resize.scale() { width(120) })\n\t roundCorners(RoundCorners.byRadius(100)) })\n\t }) {\n\t position(Position() { offsetX(6)\n offsetY(24) })\n\t })\n\t overlay(Overlay.source(\n\tSource.text(\"Christian\",TextStyle(\"Arial\",18))) {\n\t position(Position() { offsetY(120) })\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(\"conference_tag.png\", {transformation: [ {overlay: new cloudinary.Layer().publicId(\"attendee_avatar\"), radius: 100, width: 120, x: 6, y: 24}, {overlay: new cloudinary.TextLayer().fontFamily(\"Arial\").fontSize(18).text(\"Christian\"), y: 120} ]})","codeSnippet":"$.cloudinary.image(\"conference_tag.png\", {transformation: [\n {overlay: new cloudinary.Layer().publicId(\"attendee_avatar\"), radius: 100, width: 120, x: 6, y: 24},\n {overlay: new cloudinary.TextLayer().fontFamily(\"Arial\").fontSize(18).text(\"Christian\"), y: 120}\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(\"conference_tag.png\")\n .overlay(\n source(\n image(\"attendee_avatar\").transformation(\n new Transformation()\n .resize(scale().width(120))\n .roundCorners(byRadius(100))\n )\n ).position(new Position().offsetX(6).offsetY(24))\n )\n .overlay(\n source(text(\"Christian\", new TextStyle(\"Arial\", 18))).position(\n new Position().offsetY(120)\n )\n );","codeSnippet":"new CloudinaryImage(\"conference_tag.png\")\n .overlay(\n source(\n image(\"attendee_avatar\").transformation(\n new Transformation()\n .resize(scale().width(120))\n .roundCorners(byRadius(100))\n )\n ).position(new Position().offsetX(6).offsetY(24))\n )\n .overlay(\n source(text(\"Christian\", new TextStyle(\"Arial\", 18))).position(\n new Position().offsetY(120)\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\/l_attendee_avatar,r_100,w_120,x_6,y_24\/l_text:Arial_18:Christian,y_120\/conference_tag.png","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"upload","resource_type":"image","transformation":[{"overlay":"attendee_avatar","radius":"100","width":"120","x":"6","y":"24"},{"overlay":"text:Arial_18:Christian","y":"120"}],"transformation_string":"l_attendee_avatar,r_100,w_120,x_6,y_24\/l_text:Arial_18:Christian,y_120","url_suffix":"","version":"","secure":true,"public_id":"conference_tag.png","extension":"png","format":"png","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" > 加载代码示例 文本操作

文本字符串中包含特殊字符,修改(scape)字符串与文本叠加特征使用切换有效 URL路径中不允许的任何特殊字符,并切换其他特殊unicode字符

要确保文本字符串有效,免用百分数基础编码举例说 替换?带3F并添加20词间间间隔当图像嵌入云型SDK时自动出现此编码帮助者方法.然而,你必须人工添加到图像交付URL

举个例子,将基督教改成ChristianNwamba20介于两个词间

<\/Image>","codeSnippet":" \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(\"conference_tag.png\")\n .overlay(\n source(\n image(\"attendee_avatar\").transformation(\n new Transformation()\n .resize(scale().width(120))\n .roundCorners(byRadius(100))\n )\n ).position(new Position().offsetX(6).offsetY(24))\n )\n .overlay(\n source(text(\"Christian Nwamba\", new TextStyle(\"Arial\", 18))).position(\n new Position().offsetY(120)\n )\n );","codeSnippet":"new CloudinaryImage(\"conference_tag.png\")\n .overlay(\n source(\n image(\"attendee_avatar\").transformation(\n new Transformation()\n .resize(scale().width(120))\n .roundCorners(byRadius(100))\n )\n ).position(new Position().offsetX(6).offsetY(24))\n )\n .overlay(\n source(text(\"Christian Nwamba\", new TextStyle(\"Arial\", 18))).position(\n new Position().offsetY(120)\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<\/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(\"conference_tag.png\")\n .overlay(\n source(\n image(\"attendee_avatar\").transformation(\n new Transformation()\n .resize(scale().width(120))\n .roundCorners(byRadius(100))\n )\n ).position(new Position().offsetX(6).offsetY(24))\n )\n .overlay(\n source(text(\"Christian Nwamba\", new TextStyle(\"Arial\", 18))).position(\n new Position().offsetY(120)\n )\n );","codeSnippet":"new CloudinaryImage(\"conference_tag.png\")\n .overlay(\n source(\n image(\"attendee_avatar\").transformation(\n new Transformation()\n .resize(scale().width(120))\n .roundCorners(byRadius(100))\n )\n ).position(new Position().offsetX(6).offsetY(24))\n )\n .overlay(\n source(text(\"Christian Nwamba\", new TextStyle(\"Arial\", 18))).position(\n new Position().offsetY(120)\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-image>","codeSnippet":" \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(\"conference_tag.png\")\n .overlay(\n source(\n image(\"attendee_avatar\").transformation(\n new Transformation()\n .resize(scale().width(120))\n .roundCorners(byRadius(100))\n )\n ).position(new Position().offsetX(6).offsetY(24))\n )\n .overlay(\n source(text(\"Christian Nwamba\", new TextStyle(\"Arial\", 18))).position(\n new Position().offsetY(120)\n )\n );","codeSnippet":"new CloudinaryImage(\"conference_tag.png\")\n .overlay(\n source(\n image(\"attendee_avatar\").transformation(\n new Transformation()\n .resize(scale().width(120))\n .roundCorners(byRadius(100))\n )\n ).position(new Position().offsetX(6).offsetY(24))\n )\n .overlay(\n source(text(\"Christian Nwamba\", new TextStyle(\"Arial\", 18))).position(\n new Position().offsetY(120)\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('conference_tag.png', {transformation: [ {overlay: new cloudinary.Layer().publicId(\"attendee_avatar\"), radius: 100, width: 120, x: 6, y: 24}, {overlay: new cloudinary.TextLayer().fontFamily(\"Arial\").fontSize(18).text(\"Christian%20Nwamba\"), y: 120} ]}).toHtml();","codeSnippet":"cloudinary.imageTag('conference_tag.png', {transformation: [\n {overlay: new cloudinary.Layer().publicId(\"attendee_avatar\"), radius: 100, width: 120, x: 6, y: 24},\n {overlay: new cloudinary.TextLayer().fontFamily(\"Arial\").fontSize(18).text(\"Christian%20Nwamba\"), y: 120}\n ]}).toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"conference_tag.png\").image(transformation=[ {'overlay': \"attendee_avatar\", 'radius': 100, 'width': 120, 'x': 6, 'y': 24}, {'overlay': {'font_family': \"Arial\", 'font_size': 18, 'text': \"Christian%20Nwamba\"}, 'y': 120} ])","codeSnippet":"CloudinaryImage(\"conference_tag.png\").image(transformation=[\n {'overlay': \"attendee_avatar\", 'radius': 100, 'width': 120, 'x': 6, 'y': 24},\n {'overlay': {'font_family': \"Arial\", 'font_size': 18, 'text': \"Christian%20Nwamba\"}, 'y': 120}\n ])","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('conference_tag.png'))\n\t->overlay(Overlay::source(\n\tSource::image(\"attendee_avatar\")\n\t->transformation((new Transformation())\n\t->resize(Resize::scale()->width(120))\n\t->roundCorners(RoundCorners::byRadius(100)))\n\t)\n\t->position((new Position())->offsetX(6)\n->offsetY(24))\n\t)\n\t->overlay(Overlay::source(\n\tSource::text(\"Christian Nwamba\",(new TextStyle(\"Arial\",18))))\n\t->position((new Position())->offsetY(120))\n\t);","codeSnippet":"(new ImageTag('conference_tag.png'))\n\t->overlay(Overlay::source(\n\tSource::image(\"attendee_avatar\")\n\t->transformation((new Transformation())\n\t->resize(Resize::scale()->width(120))\n\t->roundCorners(RoundCorners::byRadius(100)))\n\t)\n\t->position((new Position())->offsetX(6)\n->offsetY(24))\n\t)\n\t->overlay(Overlay::source(\n\tSource::text(\"Christian Nwamba\",(new TextStyle(\"Arial\",18))))\n\t->position((new Position())->offsetY(120))\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(\"conference_tag.png\", array(\"transformation\"=>array( array(\"overlay\"=>\"attendee_avatar\", \"radius\"=>100, \"width\"=>120, \"x\"=>6, \"y\"=>24), array(\"overlay\"=>array(\"font_family\"=>\"Arial\", \"font_size\"=>18, \"text\"=>\"Christian%20Nwamba\"), \"y\"=>120) )))","codeSnippet":"cl_image_tag(\"conference_tag.png\", array(\"transformation\"=>array(\n array(\"overlay\"=>\"attendee_avatar\", \"radius\"=>100, \"width\"=>120, \"x\"=>6, \"y\"=>24),\n array(\"overlay\"=>array(\"font_family\"=>\"Arial\", \"font_size\"=>18, \"text\"=>\"Christian%20Nwamba\"), \"y\"=>120)\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().overlay(new Layer().publicId(\"attendee_avatar\")).radius(100).width(120).x(6).y(24).chain() .overlay(new TextLayer().fontFamily(\"Arial\").fontSize(18).text(\"Christian%20Nwamba\")).y(120)).imageTag(\"conference_tag.png\");","codeSnippet":"cloudinary.url().transformation(new Transformation()\n .overlay(new Layer().publicId(\"attendee_avatar\")).radius(100).width(120).x(6).y(24).chain()\n .overlay(new TextLayer().fontFamily(\"Arial\").fontSize(18).text(\"Christian%20Nwamba\")).y(120)).imageTag(\"conference_tag.png\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"conference_tag.png\", :transformation=>[ {:overlay=>\"attendee_avatar\", :radius=>100, :width=>120, :x=>6, :y=>24}, {:overlay=>{:font_family=>\"Arial\", :font_size=>18, :text=>\"Christian%20Nwamba\"}, :y=>120} ])","codeSnippet":"cl_image_tag(\"conference_tag.png\", :transformation=>[\n {:overlay=>\"attendee_avatar\", :radius=>100, :width=>120, :x=>6, :y=>24},\n {:overlay=>{:font_family=>\"Arial\", :font_size=>18, :text=>\"Christian%20Nwamba\"}, :y=>120}\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().Overlay(new Layer().PublicId(\"attendee_avatar\")).Radius(100).Width(120).X(6).Y(24).Chain() .Overlay(new TextLayer().FontFamily(\"Arial\").FontSize(18).Text(\"Christian%20Nwamba\")).Y(120)).BuildImageTag(\"conference_tag.png\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation()\n .Overlay(new Layer().PublicId(\"attendee_avatar\")).Radius(100).Width(120).X(6).Y(24).Chain()\n .Overlay(new TextLayer().FontFamily(\"Arial\").FontSize(18).Text(\"Christian%20Nwamba\")).Y(120)).BuildImageTag(\"conference_tag.png\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('conference_tag.png').transformation(Transformation()\n\t.addTransformation(\"l_attendee_avatar,r_100,w_120,x_6,y_24\/l_text:Arial_18:Christian Nwamba,y_120\"));","codeSnippet":"cloudinary.image('conference_tag.png').transformation(Transformation()\n\t.addTransformation(\"l_attendee_avatar,r_100,w_120,x_6,y_24\/l_text:Arial_18:Christian Nwamba,y_120\"));","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().setOverlay(\"attendee_avatar\").setRadius(100).setWidth(120).setX(6).setY(24).chain() .setOverlay(\"text:Arial_18:Christian%20Nwamba\").setY(120)).generate(\"conference_tag.png\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\n .setOverlay(\"attendee_avatar\").setRadius(100).setWidth(120).setX(6).setY(24).chain()\n .setOverlay(\"text:Arial_18:Christian%20Nwamba\").setY(120)).generate(\"conference_tag.png\")!, 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().overlay(new Layer().publicId(\"attendee_avatar\")).radius(100).width(120).x(6).y(24).chain() .overlay(new TextLayer().fontFamily(\"Arial\").fontSize(18).text(\"Christian%20Nwamba\")).y(120)).generate(\"conference_tag.png\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation()\n .overlay(new Layer().publicId(\"attendee_avatar\")).radius(100).width(120).x(6).y(24).chain()\n .overlay(new TextLayer().fontFamily(\"Arial\").fontSize(18).text(\"Christian%20Nwamba\")).y(120)).generate(\"conference_tag.png\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('conference_tag.png').transformation(Transformation()\n\t.addTransformation(\"l_attendee_avatar,r_100,w_120,x_6,y_24\/l_text:Arial_18:Christian Nwamba,y_120\"));","codeSnippet":"cloudinary.image('conference_tag.png').transformation(Transformation()\n\t.addTransformation(\"l_attendee_avatar,r_100,w_120,x_6,y_24\/l_text:Arial_18:Christian Nwamba,y_120\"));","status":0,"statusText":"Ok","displayName":"Flutter","packageName":"cloudinary_flutter","packageStatus":"","packageVersion":"0.x"},{"sdkId":"kotlin","framework":"kotlin","language":"kotlin","rawCodeSnippet":"cloudinary.image {\n\tpublicId(\"conference_tag.png\")\n\t overlay(Overlay.source(\n\tSource.image(\"attendee_avatar\") {\n\t transformation(Transformation {\n\t resize(Resize.scale() { width(120) })\n\t roundCorners(RoundCorners.byRadius(100)) })\n\t }) {\n\t position(Position() { offsetX(6)\n offsetY(24) })\n\t })\n\t overlay(Overlay.source(\n\tSource.text(\"Christian Nwamba\",TextStyle(\"Arial\",18))) {\n\t position(Position() { offsetY(120) })\n\t }) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"conference_tag.png\")\n\t overlay(Overlay.source(\n\tSource.image(\"attendee_avatar\") {\n\t transformation(Transformation {\n\t resize(Resize.scale() { width(120) })\n\t roundCorners(RoundCorners.byRadius(100)) })\n\t }) {\n\t position(Position() { offsetX(6)\n offsetY(24) })\n\t })\n\t overlay(Overlay.source(\n\tSource.text(\"Christian Nwamba\",TextStyle(\"Arial\",18))) {\n\t position(Position() { offsetY(120) })\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(\"conference_tag.png\", {transformation: [ {overlay: new cloudinary.Layer().publicId(\"attendee_avatar\"), radius: 100, width: 120, x: 6, y: 24}, {overlay: new cloudinary.TextLayer().fontFamily(\"Arial\").fontSize(18).text(\"Christian%20Nwamba\"), y: 120} ]})","codeSnippet":"$.cloudinary.image(\"conference_tag.png\", {transformation: [\n {overlay: new cloudinary.Layer().publicId(\"attendee_avatar\"), radius: 100, width: 120, x: 6, y: 24},\n {overlay: new cloudinary.TextLayer().fontFamily(\"Arial\").fontSize(18).text(\"Christian%20Nwamba\"), y: 120}\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(\"conference_tag.png\")\n .overlay(\n source(\n image(\"attendee_avatar\").transformation(\n new Transformation()\n .resize(scale().width(120))\n .roundCorners(byRadius(100))\n )\n ).position(new Position().offsetX(6).offsetY(24))\n )\n .overlay(\n source(text(\"Christian Nwamba\", new TextStyle(\"Arial\", 18))).position(\n new Position().offsetY(120)\n )\n );","codeSnippet":"new CloudinaryImage(\"conference_tag.png\")\n .overlay(\n source(\n image(\"attendee_avatar\").transformation(\n new Transformation()\n .resize(scale().width(120))\n .roundCorners(byRadius(100))\n )\n ).position(new Position().offsetX(6).offsetY(24))\n )\n .overlay(\n source(text(\"Christian Nwamba\", new TextStyle(\"Arial\", 18))).position(\n new Position().offsetY(120)\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\/l_attendee_avatar,r_100,w_120,x_6,y_24\/l_text:Arial_18:Christian%20Nwamba,y_120\/conference_tag.png","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"upload","resource_type":"image","transformation":[{"overlay":"attendee_avatar","radius":"100","width":"120","x":"6","y":"24"},{"overlay":"text:Arial_18:Christian Nwamba","y":"120"}],"transformation_string":"l_attendee_avatar,r_100,w_120,x_6,y_24\/l_text:Arial_18:Christian Nwamba,y_120","url_suffix":"","version":"","secure":true,"public_id":"conference_tag.png","extension":"png","format":"png","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" > 加载代码示例 文本大小

那边参加者标签现准备使用

摘要

重想一下,所有你需要做的动态生成参会标签 预防atars期望位置 和标签上相关文本(如参会者名和名)云化产品定制从那里取出并适当传递URL并使用正确的公共身份证

通过简单程序教程, 您可以生成千会议标签 最短时间可能性应用无穷继续探索构建物 特征可能帮助学习其他超能力访问求解页面.

相关类别

回顶

相关类别

特征邮箱

Baidu
map