帮助用户用卡通效果输入网站

众所皆知图像吸引兴趣并增加接触,显赫的人群.用户上传照片到网站或a快速浏览最受欢迎社交媒体应用及其持续增加特殊图片特效工具箱,显示受欢迎度和需求增加趋势

卡通化相片是实现此目标的极佳方法

图形设计师可手动应用卡通效果图片使用复杂图形应用特征组合网络应用种类繁多, 上传照片并发回卡通版本(质量不等)。但这些手动方法不缩放向用户提供此特征内容上传网站需要复杂算法

简言之,你需要简单方法编程应用卡通特效

云化图像管理解决方案包括云基图像转换大全能力变换时先访问动态图像URL,然后立即缓存到CDN服务器上加速传送

新建卡通化云形效果是另一种方式 使客户快速易用 最优交付单参数和数项可选属性可给任何图像独有卡通化外观和感知

默认卡通效果无法简单化刚加卡通化参数(离散化)对图像标签定义,原创图像得到卡通并即时交付自然你也可以结合卡通效果 与任何其他变换你的心想

这是变换代码 最后图像,它利用文本叠加,定位重力,半径,轮廓并后台颜色特征外加卡通化:

<\/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(\"actor.jpg\")\n .effect(cartoonify())\n .roundCorners(max())\n .effect(\n outline()\n .width(100)\n .color(\"lightblue\")\n )\n .backgroundColor(\"lightblue\")\n .overlay(\n source(\n text(\"James Stewart\", new TextStyle(\"times\", 120)).transformation(\n new Transformation().rotate(byAngle(315))\n )\n ).position(\n new Position()\n .gravity(compass(\"south_east\"))\n .offsetY(30)\n )\n );","codeSnippet":"new CloudinaryImage(\"actor.jpg\")\n .effect(cartoonify())\n .roundCorners(max())\n .effect(\n outline()\n .width(100)\n .color(\"lightblue\")\n )\n .backgroundColor(\"lightblue\")\n .overlay(\n source(\n text(\"James Stewart\", new TextStyle(\"times\", 120)).transformation(\n new Transformation().rotate(byAngle(315))\n )\n ).position(\n new Position()\n .gravity(compass(\"south_east\"))\n .offsetY(30)\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(\"actor.jpg\")\n .effect(cartoonify())\n .roundCorners(max())\n .effect(\n outline()\n .width(100)\n .color(\"lightblue\")\n )\n .backgroundColor(\"lightblue\")\n .overlay(\n source(\n text(\"James Stewart\", new TextStyle(\"times\", 120)).transformation(\n new Transformation().rotate(byAngle(315))\n )\n ).position(\n new Position()\n .gravity(compass(\"south_east\"))\n .offsetY(30)\n )\n );","codeSnippet":"new CloudinaryImage(\"actor.jpg\")\n .effect(cartoonify())\n .roundCorners(max())\n .effect(\n outline()\n .width(100)\n .color(\"lightblue\")\n )\n .backgroundColor(\"lightblue\")\n .overlay(\n source(\n text(\"James Stewart\", new TextStyle(\"times\", 120)).transformation(\n new Transformation().rotate(byAngle(315))\n )\n ).position(\n new Position()\n .gravity(compass(\"south_east\"))\n .offsetY(30)\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(\"actor.jpg\")\n .effect(cartoonify())\n .roundCorners(max())\n .effect(\n outline()\n .width(100)\n .color(\"lightblue\")\n )\n .backgroundColor(\"lightblue\")\n .overlay(\n source(\n text(\"James Stewart\", new TextStyle(\"times\", 120)).transformation(\n new Transformation().rotate(byAngle(315))\n )\n ).position(\n new Position()\n .gravity(compass(\"south_east\"))\n .offsetY(30)\n )\n );","codeSnippet":"new CloudinaryImage(\"actor.jpg\")\n .effect(cartoonify())\n .roundCorners(max())\n .effect(\n outline()\n .width(100)\n .color(\"lightblue\")\n )\n .backgroundColor(\"lightblue\")\n .overlay(\n source(\n text(\"James Stewart\", new TextStyle(\"times\", 120)).transformation(\n new Transformation().rotate(byAngle(315))\n )\n ).position(\n new Position()\n .gravity(compass(\"south_east\"))\n .offsetY(30)\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('actor.jpg', {transformation: [ {effect: \"cartoonify\"}, {radius: \"max\"}, {effect: \"outline:100\", color: \"lightblue\"}, {background: \"lightblue\"}, {overlay: new cloudinary.TextLayer().fontFamily(\"times\").fontSize(120).text(\"James%20Stewart\"), gravity: \"south_east\", y: 30, angle: 315} ]}).toHtml();","codeSnippet":"cloudinary.imageTag('actor.jpg', {transformation: [\n {effect: \"cartoonify\"},\n {radius: \"max\"},\n {effect: \"outline:100\", color: \"lightblue\"},\n {background: \"lightblue\"},\n {overlay: new cloudinary.TextLayer().fontFamily(\"times\").fontSize(120).text(\"James%20Stewart\"), gravity: \"south_east\", y: 30, angle: 315}\n ]}).toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"actor.jpg\").image(transformation=[ {'effect': \"cartoonify\"}, {'radius': \"max\"}, {'effect': \"outline:100\", 'color': \"lightblue\"}, {'background': \"lightblue\"}, {'overlay': {'font_family': \"times\", 'font_size': 120, 'text': \"James%20Stewart\"}, 'gravity': \"south_east\", 'y': 30, 'angle': 315} ])","codeSnippet":"CloudinaryImage(\"actor.jpg\").image(transformation=[\n {'effect': \"cartoonify\"},\n {'radius': \"max\"},\n {'effect': \"outline:100\", 'color': \"lightblue\"},\n {'background': \"lightblue\"},\n {'overlay': {'font_family': \"times\", 'font_size': 120, 'text': \"James%20Stewart\"}, 'gravity': \"south_east\", 'y': 30, 'angle': 315}\n ])","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('actor.jpg'))\n\t->effect(Effect::cartoonify())\n\t->roundCorners(RoundCorners::max())\n\t->effect(Effect::outline()->width(100)\n\t->color(Color::LIGHTBLUE)\n\t)\n\t->backgroundColor(Color::LIGHTBLUE)\n\t->overlay(Overlay::source(\n\tSource::text(\"James Stewart\",(new TextStyle(\"times\",120)))\n\t->transformation((new Transformation())\n\t->rotate(Rotate::byAngle(315)))\n\t)\n\t->position((new Position())\n\t->gravity(\n\tGravity::compass(\n\tCompass::southEast()))\n->offsetY(30))\n\t);","codeSnippet":"(new ImageTag('actor.jpg'))\n\t->effect(Effect::cartoonify())\n\t->roundCorners(RoundCorners::max())\n\t->effect(Effect::outline()->width(100)\n\t->color(Color::LIGHTBLUE)\n\t)\n\t->backgroundColor(Color::LIGHTBLUE)\n\t->overlay(Overlay::source(\n\tSource::text(\"James Stewart\",(new TextStyle(\"times\",120)))\n\t->transformation((new Transformation())\n\t->rotate(Rotate::byAngle(315)))\n\t)\n\t->position((new Position())\n\t->gravity(\n\tGravity::compass(\n\tCompass::southEast()))\n->offsetY(30))\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(\"actor.jpg\", array(\"transformation\"=>array( array(\"effect\"=>\"cartoonify\"), array(\"radius\"=>\"max\"), array(\"effect\"=>\"outline:100\", \"color\"=>\"lightblue\"), array(\"background\"=>\"lightblue\"), array(\"overlay\"=>array(\"font_family\"=>\"times\", \"font_size\"=>120, \"text\"=>\"James%20Stewart\"), \"gravity\"=>\"south_east\", \"y\"=>30, \"angle\"=>315) )))","codeSnippet":"cl_image_tag(\"actor.jpg\", array(\"transformation\"=>array(\n array(\"effect\"=>\"cartoonify\"),\n array(\"radius\"=>\"max\"),\n array(\"effect\"=>\"outline:100\", \"color\"=>\"lightblue\"),\n array(\"background\"=>\"lightblue\"),\n array(\"overlay\"=>array(\"font_family\"=>\"times\", \"font_size\"=>120, \"text\"=>\"James%20Stewart\"), \"gravity\"=>\"south_east\", \"y\"=>30, \"angle\"=>315)\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().effect(\"cartoonify\").chain() .radius(\"max\").chain() .effect(\"outline:100\").color(\"lightblue\").chain() .background(\"lightblue\").chain() .overlay(new TextLayer().fontFamily(\"times\").fontSize(120).text(\"James%20Stewart\")).gravity(\"south_east\").y(30).angle(315)).imageTag(\"actor.jpg\");","codeSnippet":"cloudinary.url().transformation(new Transformation()\n .effect(\"cartoonify\").chain()\n .radius(\"max\").chain()\n .effect(\"outline:100\").color(\"lightblue\").chain()\n .background(\"lightblue\").chain()\n .overlay(new TextLayer().fontFamily(\"times\").fontSize(120).text(\"James%20Stewart\")).gravity(\"south_east\").y(30).angle(315)).imageTag(\"actor.jpg\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"actor.jpg\", :transformation=>[ {:effect=>\"cartoonify\"}, {:radius=>\"max\"}, {:effect=>\"outline:100\", :color=>\"lightblue\"}, {:background=>\"lightblue\"}, {:overlay=>{:font_family=>\"times\", :font_size=>120, :text=>\"James%20Stewart\"}, :gravity=>\"south_east\", :y=>30, :angle=>315} ])","codeSnippet":"cl_image_tag(\"actor.jpg\", :transformation=>[\n {:effect=>\"cartoonify\"},\n {:radius=>\"max\"},\n {:effect=>\"outline:100\", :color=>\"lightblue\"},\n {:background=>\"lightblue\"},\n {:overlay=>{:font_family=>\"times\", :font_size=>120, :text=>\"James%20Stewart\"}, :gravity=>\"south_east\", :y=>30, :angle=>315}\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().Effect(\"cartoonify\").Chain() .Radius(\"max\").Chain() .Effect(\"outline:100\").Color(\"lightblue\").Chain() .Background(\"lightblue\").Chain() .Overlay(new TextLayer().FontFamily(\"times\").FontSize(120).Text(\"James%20Stewart\")).Gravity(\"south_east\").Y(30).Angle(315)).BuildImageTag(\"actor.jpg\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation()\n .Effect(\"cartoonify\").Chain()\n .Radius(\"max\").Chain()\n .Effect(\"outline:100\").Color(\"lightblue\").Chain()\n .Background(\"lightblue\").Chain()\n .Overlay(new TextLayer().FontFamily(\"times\").FontSize(120).Text(\"James%20Stewart\")).Gravity(\"south_east\").Y(30).Angle(315)).BuildImageTag(\"actor.jpg\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('actor.jpg').transformation(Transformation()\n\t.addTransformation(\"e_cartoonify\/r_max\/e_outline:100,co_lightblue\/b_lightblue\/l_text:times_120:James Stewart,g_south_east,y_30,a_315\"));","codeSnippet":"cloudinary.image('actor.jpg').transformation(Transformation()\n\t.addTransformation(\"e_cartoonify\/r_max\/e_outline:100,co_lightblue\/b_lightblue\/l_text:times_120:James Stewart,g_south_east,y_30,a_315\"));","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().setEffect(\"cartoonify\").chain() .setRadius(\"max\").chain() .setEffect(\"outline:100\").setColor(\"lightblue\").chain() .setBackground(\"lightblue\").chain() .setOverlay(\"text:times_120:James%20Stewart\").setGravity(\"south_east\").setY(30).setAngle(315)).generate(\"actor.jpg\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation()\n .setEffect(\"cartoonify\").chain()\n .setRadius(\"max\").chain()\n .setEffect(\"outline:100\").setColor(\"lightblue\").chain()\n .setBackground(\"lightblue\").chain()\n .setOverlay(\"text:times_120:James%20Stewart\").setGravity(\"south_east\").setY(30).setAngle(315)).generate(\"actor.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().effect(\"cartoonify\").chain() .radius(\"max\").chain() .effect(\"outline:100\").color(\"lightblue\").chain() .background(\"lightblue\").chain() .overlay(new TextLayer().fontFamily(\"times\").fontSize(120).text(\"James%20Stewart\")).gravity(\"south_east\").y(30).angle(315)).generate(\"actor.jpg\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation()\n .effect(\"cartoonify\").chain()\n .radius(\"max\").chain()\n .effect(\"outline:100\").color(\"lightblue\").chain()\n .background(\"lightblue\").chain()\n .overlay(new TextLayer().fontFamily(\"times\").fontSize(120).text(\"James%20Stewart\")).gravity(\"south_east\").y(30).angle(315)).generate(\"actor.jpg\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('actor.jpg').transformation(Transformation()\n\t.addTransformation(\"e_cartoonify\/r_max\/e_outline:100,co_lightblue\/b_lightblue\/l_text:times_120:James Stewart,g_south_east,y_30,a_315\"));","codeSnippet":"cloudinary.image('actor.jpg').transformation(Transformation()\n\t.addTransformation(\"e_cartoonify\/r_max\/e_outline:100,co_lightblue\/b_lightblue\/l_text:times_120:James Stewart,g_south_east,y_30,a_315\"));","status":0,"statusText":"Ok","displayName":"Flutter","packageName":"cloudinary_flutter","packageStatus":"","packageVersion":"0.x"},{"sdkId":"kotlin","framework":"kotlin","language":"kotlin","rawCodeSnippet":"cloudinary.image {\n\tpublicId(\"actor.jpg\")\n\t effect(Effect.cartoonify())\n\t roundCorners(RoundCorners.max())\n\t effect(Effect.outline() { width(100)\n\t color(Color.LIGHTBLUE)\n\t })\n\t backgroundColor(Color.LIGHTBLUE)\n\t overlay(Overlay.source(\n\tSource.text(\"James Stewart\",TextStyle(\"times\",120)) {\n\t transformation(Transformation {\n\t rotate(Rotate.byAngle(315)) })\n\t }) {\n\t position(Position() {\n\t gravity(\n\tGravity.compass(\n\tCompass.southEast()))\n offsetY(30) })\n\t }) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"actor.jpg\")\n\t effect(Effect.cartoonify())\n\t roundCorners(RoundCorners.max())\n\t effect(Effect.outline() { width(100)\n\t color(Color.LIGHTBLUE)\n\t })\n\t backgroundColor(Color.LIGHTBLUE)\n\t overlay(Overlay.source(\n\tSource.text(\"James Stewart\",TextStyle(\"times\",120)) {\n\t transformation(Transformation {\n\t rotate(Rotate.byAngle(315)) })\n\t }) {\n\t position(Position() {\n\t gravity(\n\tGravity.compass(\n\tCompass.southEast()))\n offsetY(30) })\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(\"actor.jpg\", {transformation: [ {effect: \"cartoonify\"}, {radius: \"max\"}, {effect: \"outline:100\", color: \"lightblue\"}, {background: \"lightblue\"}, {overlay: new cloudinary.TextLayer().fontFamily(\"times\").fontSize(120).text(\"James%20Stewart\"), gravity: \"south_east\", y: 30, angle: 315} ]})","codeSnippet":"$.cloudinary.image(\"actor.jpg\", {transformation: [\n {effect: \"cartoonify\"},\n {radius: \"max\"},\n {effect: \"outline:100\", color: \"lightblue\"},\n {background: \"lightblue\"},\n {overlay: new cloudinary.TextLayer().fontFamily(\"times\").fontSize(120).text(\"James%20Stewart\"), gravity: \"south_east\", y: 30, angle: 315}\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(\"actor.jpg\")\n .effect(cartoonify())\n .roundCorners(max())\n .effect(\n outline()\n .width(100)\n .color(\"lightblue\")\n )\n .backgroundColor(\"lightblue\")\n .overlay(\n source(\n text(\"James Stewart\", new TextStyle(\"times\", 120)).transformation(\n new Transformation().rotate(byAngle(315))\n )\n ).position(\n new Position()\n .gravity(compass(\"south_east\"))\n .offsetY(30)\n )\n );","codeSnippet":"new CloudinaryImage(\"actor.jpg\")\n .effect(cartoonify())\n .roundCorners(max())\n .effect(\n outline()\n .width(100)\n .color(\"lightblue\")\n )\n .backgroundColor(\"lightblue\")\n .overlay(\n source(\n text(\"James Stewart\", new TextStyle(\"times\", 120)).transformation(\n new Transformation().rotate(byAngle(315))\n )\n ).position(\n new Position()\n .gravity(compass(\"south_east\"))\n .offsetY(30)\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\/e_cartoonify\/r_max\/e_outline:100,co_lightblue\/b_lightblue\/l_text:times_120:James%20Stewart,g_south_east,y_30,a_315\/actor.jpg","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"upload","resource_type":"image","transformation":[{"effect":"cartoonify"},{"radius":"max"},{"effect":"outline:100","color":"lightblue"},{"background":"lightblue"},{"overlay":"text:times_120:James Stewart","gravity":"south_east","y":"30","angle":"315"}],"transformation_string":"e_cartoonify\/r_max\/e_outline:100,co_lightblue\/b_lightblue\/l_text:times_120:James Stewart,g_south_east,y_30,a_315","url_suffix":"","version":"","secure":true,"public_id":"actor.jpg","extension":"jpg","format":"jpg","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" > 加载代码示例

更多细节所有可用变换见图像变换指南并参考文献.

添加控件卡通图像可调整线强度黑轮廓颜色稀释撞击乘以增量颜色裁剪并因此减少图像颜色数,图像还得到更高饱和度提升和其他一些调整,所有调整都导致不太现实的外观)。

下图显示原创图像,对比卡通版时对线强度和颜色减色作不同调整

下一部卡通化汽车的代码长得像 <\/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(\"alfa_car.jpg\").effect(\n cartoonify().lineStrength(30).colorReductionLevel(80)\n);","codeSnippet":"new CloudinaryImage(\"alfa_car.jpg\").effect(\n cartoonify().lineStrength(30).colorReductionLevel(80)\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(\"alfa_car.jpg\").effect(\n cartoonify().lineStrength(30).colorReductionLevel(80)\n);","codeSnippet":"new CloudinaryImage(\"alfa_car.jpg\").effect(\n cartoonify().lineStrength(30).colorReductionLevel(80)\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(\"alfa_car.jpg\").effect(\n cartoonify().lineStrength(30).colorReductionLevel(80)\n);","codeSnippet":"new CloudinaryImage(\"alfa_car.jpg\").effect(\n cartoonify().lineStrength(30).colorReductionLevel(80)\n);","status":0,"statusText":"Ok","displayName":"JS","packageName":"@cloudinary\/url-gen","packageStatus":"","packageVersion":"1.x"},{"sdkId":"js","framework":"js","language":"js","rawCodeSnippet":"cloudinary.imageTag('alfa_car.jpg', {effect: \"cartoonify:30:80\"}).toHtml();","codeSnippet":"cloudinary.imageTag('alfa_car.jpg', {effect: \"cartoonify:30:80\"}).toHtml();","status":0,"statusText":"Ok","displayName":"JS","packageName":"cloudinary-core","packageStatus":"legacy","packageVersion":"2.x"},{"sdkId":"python","framework":"python","language":"python","rawCodeSnippet":"CloudinaryImage(\"alfa_car.jpg\").image(effect=\"cartoonify:30:80\")","codeSnippet":"CloudinaryImage(\"alfa_car.jpg\").image(effect=\"cartoonify:30:80\")","status":0,"statusText":"Ok","displayName":"Python","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"php_2","framework":"php_2","language":"php","rawCodeSnippet":"(new ImageTag('alfa_car.jpg'))\n\t->effect(Effect::cartoonify()->lineStrength(30)\n->colorReductionLevel(80));","codeSnippet":"(new ImageTag('alfa_car.jpg'))\n\t->effect(Effect::cartoonify()->lineStrength(30)\n->colorReductionLevel(80));","status":0,"statusText":"Ok","displayName":"PHP","packageName":"cloudinary_php","packageStatus":"","packageVersion":"2.x"},{"sdkId":"php","framework":"php","language":"php","rawCodeSnippet":"cl_image_tag(\"alfa_car.jpg\", array(\"effect\"=>\"cartoonify:30:80\"))","codeSnippet":"cl_image_tag(\"alfa_car.jpg\", array(\"effect\"=>\"cartoonify:30:80\"))","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().effect(\"cartoonify:30:80\")).imageTag(\"alfa_car.jpg\");","codeSnippet":"cloudinary.url().transformation(new Transformation().effect(\"cartoonify:30:80\")).imageTag(\"alfa_car.jpg\");","status":0,"statusText":"Ok","displayName":"Java","packageName":"cloudinary","packageStatus":"","packageVersion":"1.x"},{"sdkId":"ruby","framework":"ruby","language":"ruby","rawCodeSnippet":"cl_image_tag(\"alfa_car.jpg\", :effect=>\"cartoonify:30:80\")","codeSnippet":"cl_image_tag(\"alfa_car.jpg\", :effect=>\"cartoonify:30:80\")","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().Effect(\"cartoonify:30:80\")).BuildImageTag(\"alfa_car.jpg\")","codeSnippet":"cloudinary.Api.UrlImgUp.Transform(new Transformation().Effect(\"cartoonify:30:80\")).BuildImageTag(\"alfa_car.jpg\")","status":0,"statusText":"Ok","displayName":".NET","packageName":"CloudinaryDotNet","packageStatus":"","packageVersion":"1.x"},{"sdkId":"dart","framework":"dart","language":"dart","rawCodeSnippet":"cloudinary.image('alfa_car.jpg').transformation(Transformation()\n\t.effect(Effect.cartoonify().lineStrength(30)\n.colorReductionLevel(80)));","codeSnippet":"cloudinary.image('alfa_car.jpg').transformation(Transformation()\n\t.effect(Effect.cartoonify().lineStrength(30)\n.colorReductionLevel(80)));","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().setEffect(\"cartoonify:30:80\")).generate(\"alfa_car.jpg\")!, cloudinary: cloudinary)","codeSnippet":"imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setEffect(\"cartoonify:30:80\")).generate(\"alfa_car.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().effect(\"cartoonify:30:80\")).generate(\"alfa_car.jpg\");","codeSnippet":"MediaManager.get().url().transformation(new Transformation().effect(\"cartoonify:30:80\")).generate(\"alfa_car.jpg\");","status":0,"statusText":"Ok","displayName":"Android","packageName":"cloudinary-android","packageStatus":"","packageVersion":"1.x"},{"sdkId":"flutter","framework":"flutter","language":"flutter","rawCodeSnippet":"cloudinary.image('alfa_car.jpg').transformation(Transformation()\n\t.effect(Effect.cartoonify().lineStrength(30)\n.colorReductionLevel(80)));","codeSnippet":"cloudinary.image('alfa_car.jpg').transformation(Transformation()\n\t.effect(Effect.cartoonify().lineStrength(30)\n.colorReductionLevel(80)));","status":0,"statusText":"Ok","displayName":"Flutter","packageName":"cloudinary_flutter","packageStatus":"","packageVersion":"0.x"},{"sdkId":"kotlin","framework":"kotlin","language":"kotlin","rawCodeSnippet":"cloudinary.image {\n\tpublicId(\"alfa_car.jpg\")\n\t effect(Effect.cartoonify() { lineStrength(30)\n colorReductionLevel(80) }) \n}.generate()","codeSnippet":"cloudinary.image {\n\tpublicId(\"alfa_car.jpg\")\n\t effect(Effect.cartoonify() { lineStrength(30)\n colorReductionLevel(80) }) \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(\"alfa_car.jpg\", {effect: \"cartoonify:30:80\"})","codeSnippet":"$.cloudinary.image(\"alfa_car.jpg\", {effect: \"cartoonify:30:80\"})","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(\"alfa_car.jpg\").effect(\n cartoonify().lineStrength(30).colorReductionLevel(80)\n);","codeSnippet":"new CloudinaryImage(\"alfa_car.jpg\").effect(\n cartoonify().lineStrength(30).colorReductionLevel(80)\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\/e_cartoonify:30:80\/alfa_car.jpg","cloud_name":"demo","host":"res.www.aaaalireno.com","type":"upload","resource_type":"image","transformation":[{"effect":"cartoonify:30:80"}],"transformation_string":"e_cartoonify:30:80","url_suffix":"","version":"","secure":true,"public_id":"alfa_car.jpg","extension":"jpg","format":"jpg","format_code":true,"signature":"","private_cdn":false,"result_asset_type":"image"}" with-url="true" > 加载代码示例

并选择生成黑白卡通

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

以上所有细节可见于效果参数图像变换引用段

看上去很有趣,不是吗?自己试试吧

简单化:一个参数添加到交付URL或传递到用户上传剖面图或其它图像时选择,所需卡通算法自动应用到照片中

不可忘记像卡通图片 不仅仅是另一种酷效果刻画图像可帮助捕捉观众, 并可能令用户更加难忘,

此外,当适当上下文使用时,刻画图像可能比原创图片能表达更优于原创语调、情感或个性并营销咨询师MarciaHoeck情感比逻辑更能触发脑电路激活行为和决定

现在你知道编程化云形图像有多简单可使用云型账号,包括a自由一.

下次你只寻找正确的创举图像 令用户监听消息 考虑调用