ChatGPT的Canvas画布功能竟然能做到这些!编程代码命令提示符canvas

点击下方“JavaEdge”,选择“设为星标”

0前言

对标Claude的Artifacts。

与ChatGPT一起写作和编程的新方式:图片展示了一款垂直工具栏,包含五个按列排列的图标,背景为柔和的粉彩色调。顶部起第三个图标是一本打开的书,其旁边有标签标注为“阅读等级”。

我们推出了Canvas,这是一个用于写作和编程项目的新界面,能够超越简单的聊天功能。Canvas会在单独的窗口中打开,允许您与ChatGPT合作完成项目。这款早期测试版引入了一种新型协作方式——不仅通过对话,还可以并肩创建和完善想法。

Canvas基于GPT-4o构建,用户可在测试阶段通过模型选择器手动选择。从今天开始,我们将向ChatGPTPlus和团队用户全球推出Canvas。企业和教育用户将在下周获得访问权限。我们还计划在测试版结束后向所有ChatGPT免费用户开放Canvas。

1与ChatGPT更好协作

每天都有用户利用ChatGPT帮助完成writing和编程任务。虽然聊天界面操作简便,适合许多任务,但在需要编辑和修订的项目中,它有所局限。Canvas为这类工作提供了全新界面。

在Canvas中,您掌控项目。您可以直接编辑文本或代码,并通过快捷菜单要求ChatGPT调整写作长度、调试代码,以及快速执行其他有用操作。您还可以通过Canvas的后退按钮恢复您工作的先前版本。

当ChatGPT检测到Canvas能发挥作用的场景时,会自动打开Canvas。您也可以在提示中加入“使用Canvas”来启动该功能,并将其用于现有项目。

写作快捷方式包括:

2在Canvas中编程

编程是一个迭代的过程,在聊天中很难跟踪代码的所有修订。Canvas使您更容易理解和跟踪ChatGPT的修改,我们计划继续提升这些编辑的透明度。

编程快捷方式包括:

3训练模型成为协作者

我们训练了GPT-4o,使其能够作为创意合作伙伴进行协作。模型能够判断何时打开Canvas、进行针对性编辑或完全重写。此外,它还理解更广泛的上下文,提供精确的反馈和建议。

为此,我们的研究团队开发了以下核心行为:

我们通过20多项自动化内部评估测量了进展。我们采用新颖的合成数据生成技术,例如从OpenAIo1-preview中提取输出以对模型进行核心行为的后期训练。这种方法使我们能够快速改进写作质量和用户交互,而无需依赖人工生成数据。

需要注意的是,此类基线的质量高度依赖于具体使用的提示词。在不同提示下,基线可能表现得很差,但以不同的方式——例如,在编程和写作任务中均匀不准确,从而导致不同的错误分布和其他形式的次优表现。对于编程任务,我们故意对触发进行偏置以避免干扰高级用户。我们将根据用户反馈持续优化这一点。

对于写作和编程任务,我们改进了Canvas决策边界的正确触发率,在写作和编程任务中分别达到83%和94%,相比基线零样本的GPT-4o有明显提升。

第二个挑战是调整模型在触发Canvas后的编辑行为——具体来说,决定是进行针对性编辑还是完全重写。当用户通过界面明确选择文本时,我们训练模型执行针对性编辑,否则倾向于重写。随着模型优化,这种行为还将继续改进。

在写作和编程任务中,我们优先提升Canvas的针对性编辑能力。带有Canvas的GPT-4o在这一能力上的表现比基线提升18%。

4展望

让AI更有用、更易于访问需要重新思考与AI的交互方式。Canvas是一种全新的尝试,也是ChatGPT自两年前发布以来首次对视觉界面进行重大更新。

512月12日重要更新6咋用?

12月12日起,Canvas直接内置到GPT-4o,用户无需再通过模型选择器切换到带有Canvas的GPT-4o。某些提示或粘贴的文字,Canvas会自动打开。目前,这功能仅支持ChatGPTweb。

Canvas能帮助用户将一个创意扩展成完整的作品。ChatGPT界面发现输入区域有一个新按钮,可查看所有可用工具,其中包括「Canvas」。

虽然叫Canvas,但主要是写作及代码工具,编辑长篇或复杂内容。适用场景:

示例:利用Canvas创作故事

在Canvas中创建一个故事,如:「为高级软件工程师写一个关于如何进阶为技术专家的故事」。

生成后,可在段落的右下角的「编辑建议」按钮中进一步调整:

此次更新还使Canvas支持运行Python代码,用户可以直接在Canvas中运行代码,无需手动转移到本地系统验证。

Canvas可用于以下任务:

更重要的是,Canvas提供了一个内置的WebAssemblyPython模拟器,几乎可加载任意Python库并即时运行程序代码。

9自定义GPT的内置Canvas功能

对于自定义GPT用户,Canvas将默认内置,用户可通过设置调整何时或是否启用Canvas功能。自定义GPT的强大功能与基础版ChatGPT同步,同时支持更定制化的功能满足用户需求。

★作者简介:魔都架构师,多家大厂后端一线研发经验,在分布式系统设计、数据平台架构和AI应用开发等领域都有丰富实践经验。各大技术社区头部专家博主。具有丰富的引领团队经验,深厚业务架构和解决方案的积累。负责:中央/分销预订系统性能优化活动&券等营销中台建设交易平台及数据中台等架构和开发设计车联网核心平台-物联网连接平台、大数据平台架构设计及优化LLMAgent应用开发区块链应用开发大数据开发挖掘经验推荐系统项目目前主攻市级软件项目设计、构建服务全社会的应用系统。”

THE END
1.免费设计在线平面设计工具借助海量免费模板、图片和字体等,轻松创建一切设计。使用零门槛拖拽式编辑器,设计从构想变为现实。简单点击几下,下载或分享设计。 为公众号、抖音、小红书等宣传渠道制作引人入胜的视觉物料,并用Canva可画完成一键发布。 浏览模板 备受全球亿万用户喜爱 1.35亿+ https://www.canva.cn/free/
2.canvas入门canvas代码文章标签: canva可画 版权 canvas入门基础绘图 常用方法基础绘图1、首先在HTML中写入canvas标签<canvas width="600" height="600" id="canvas"></canvas> 12、在js中添加以下代码进行初始化const canvas = document.getElementById('canvas') const con = canvas.getContext('2d') 1 2https://blog.csdn.net/qq_41329287/article/details/142617651
3.canva可画下载canva软件下载canva中文版下载安装29.6M / 2020-01-20 / v1.1.10 安卓版29.6M下载 三星artcanvas画板专为三星note系列手机和平板打造,也是其预装的画画软件,内置丰富的工具和多样的笔刷效果,用户能轻松使用设置和触控笔进苹果 Canva 可画IOS版 167.3M / 2023-07-25 / v1.70.1 苹果版167.3M下载 Canva可画软件界面设计的超级实用,让用户体验到https://www.itmop.com/key/Canvakehua/
4.使用canvas来绘制图形既然我们已经设置了 canvas 环境,我们可以深入了解如何在 canvas 上绘制。到本文的最后,你将学会如何绘制矩形,三角形,直线,圆弧和曲线,变得熟悉这些基本的形状。绘制物体到 Canvas 前,需掌握路径,我们看看到底怎么做。http://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes
5.使用画布绘制自定义图形(Canvas)Canvas提供画布组件,用于自定义绘制图形,开发者使用CanvasRenderingContext2D对象和OffscreenCanvasRenderingContext2D对象在Canvas组件上进行绘制,绘制对象可以是基础形状、文本、图片等。使用画布组件绘制自定义图形可以由以下三种形式在画布绘制自定义图形:使用CanvasRenderingContext2D对象在Canvas画布上绘制。 @Entry @Componenthttp://docs.openharmony.cn/pages/v5.0/zh-cn/application-dev/ui/arkts-drawing-customization-on-canvas.md
6.canva可画怎么调分辨率调像素分辨率方法使用canva可画进行创作的时候,许多小伙伴需要对图片的像素分辨率等相关数据进行调整,但是却不知道具体该如何操作。canva可画怎么调分辨率?下面小编就来为大家介绍一下调像素分辨率的方法,希望对你有所帮助。 canva可画怎么调分辨率? 1、已经选择了画布的分辨率和尺寸,想要调整正在创作的作品,可以点击右上角的【】https://shouyou.3dmgame.com/gl/451800.html
7.画布将整个可绘制区域填充为a、r、g、b指定的颜色。相当于canvas.drawColor(colors.argb(a, r, g, b))。 canvas.drawColor(color) color{number} 颜色值 将整个可绘制区域填充为color指定的颜色。 canvas.drawColor(color, mode) color{number} 颜色值 https://www.kancloud.cn/theliang/autojs/2790150
8.前端图形开发canvas绘制入门教程javascript技巧前端图形开发canvas绘制入门教程更新时间:2024年11月01日 09:39:30 作者: Canvas是HTML5新增元素,用于绘制图形、动画等视觉效果,简单添加Canvas元素和JavaScript即可绘制图形和文本,包括线条、矩形、圆形等,Canvas优势在于高性能和兼容性,适用于复杂交互效果,需要的朋友可以参考下https://www.jb51.net/javascript/329810ogc.htm
9.网页HTML5也可以画一画(canvas)腾讯云开发者社区在日常生活中总喜欢涂涂画画写写,这样可以使表达更加直观,记录的也更加详细,而在HTML5中同样可以画一画。canvas意为画布,现实生活中用它来作画,在HTML5中的canvas与之类似,可以称它为“网页中的画布”,有了这个画布便可以轻松的在网页中绘制图形、文字、图片等。 https://www.cloud.tencent.com/developer/article/1614561
10.使用canvas绘图的几种方法cxt.drawImage(image, 0, 0, 100, 200);//绘制图像(image,x,y,[width],[height]) cxt.drawImage(image, 10, 10, 20, 30, 0, 0, 100, 200);//剪切图像(image, sx, sy, swidth, sheight, x, y, width, height) } 其他 还可以在 canvas 中加载视频、制作更多图形。 https://www.douban.com/note/671973225/