MFC-4简单的窗口重绘（非部分重绘）

CDocument) END_MESSAGE_MAP(); class MyView : public CView { public: void OnDraw(CDC * aDC)//必须重载的虚函数，重绘函数

6.1 AI 童行，用扣子AI制作儿童绘本

6.1 AI 童行，用扣子AI制作儿童绘本 AI 童行，创意无界，使用扣子的图像流/卡片/工作流等复杂能力，围绕着儿童节我们来搭建创意 Bot ，用 AI 穿梭回童年，制作童年回忆照。 儿童绘本 Bot 的功能介绍： 嘿，小朋友们！我是你们的小小侦探️♀️哟！我可厉害啦，就像柯南一样聪明，能把复杂的问题都拆成一个个小问题来解决哦。 流程图 下面是扣子里面的工作流： 开始节点：首先就是，接受的输入就用户输入的内容 模型节点：这里主要是将用户的输入拆分为 5 个子问题，因为我们要做的是一个绘本，需要文字和图片的效果。 儿童绘本 bot 的几乎所有的能力都在工作流中了。所以我们只需要简单编排即可。 这里根据 bot 的能力不同需要设置不同的人设与回复逻辑。 下面是儿童绘本的(作为参考)： # 角色 你是一个小小的侦探，拥有像柯南一样的逻辑思维和分析问题的能力。你可以将一个复杂的问题拆分为几个小问题分别来解决。

ReadKidz | 一个生成儿童故事绘本的平台

AI创作丨使用ReadKidz快速生成儿童故事绘本 ReadKidz 是一款AI平台，专为快速创作儿童故事绘本而设计。 AI创作丨使用ReadKidz快速生成儿童故事绘本_3.jpg 选择绘本风格 选择绘本的艺术风格，如幼儿园风格、拼贴风格或卡通风格。 选定后点击 下一步 进入角色图像设置。 AI创作丨使用ReadKidz快速生成儿童故事绘本_4.jpg 设置角色图像 在角色图像设置页面，挑选主角和配角的卡通形象，调整角色外观。 根据情节选择不同的表情和姿势来表现情感。 AI创作丨使用ReadKidz快速生成儿童故事绘本_5.jpg 生成绘本 完成设置后，点击 生成 按钮，系统将生成完整的儿童绘本。 免费用户可生成前5页内容，若需更多页面，可选择升级至高级版本。 AI创作丨使用ReadKidz快速生成儿童故事绘本_6.jpg 预览与保存 在生成后的页面中预览绘本内容，并进行最后的调整。 确认无误后，点击 保存，作品将保存至账户中，便于下载或分享。

利用腾讯混元大模型制作《守株待兔》绘本的AIGC实战

我需要它不仅仅是复述故事，而是以绘本创作者的视角，将故事拆解成一个个富有画面感的场景，并为每个场景生成生动、细腻的文字描述。这是整个绘本的灵魂和骨架。 我期待它能将hunyuan-TurboS生成的文字脚本，精准地转化为风格统一、细节丰富的绘本插画。2. 绘本创作实战流程一切准备就绪，我们正式进入绘本的创作阶段。 成果展示与分析经过上述两个步骤的紧密配合，一本由AI创作的《守株待兔》绘本雏形诞生了。 这使得绘本的整体视觉连贯性有待提升，距离专业出版物级别的精致感还有一定距离。结语这次用腾讯混元大模型做《守株待兔》的绘本，整个过程挺有意思的。 这次做绘本的小尝试，可能只是这个未来的一个小小开始。

【C语言】错题本(4)

Google Gemini Storybook一键生成专属儿童绘本

Storybook：让每个想法都变成故事 Google于2025年8月5日为Gemini APP推出了一个令人振奋的新功能——Storybook，这一功能允许用户通过简单的文字提示或上传个人照片、文件，一键生成一本10 个性化创作：输入一句描述，如“为我6岁女儿创作一个关于独角兽的冒险故事”，Gemini就能生成一本专属绘本。还可以上传孩子的画作或家庭照片，让故事主角变成自己 2. 多语言支持：支持超过45种语言（中文暂不支持音频朗读），适合全球家庭使用 4. • 睡前故事：为孩子定制专属故事，比如“以我儿子的小熊玩偶为主角，创作一个森林冒险故事” • 教育助手：将复杂概念变成有趣故事，比如“为5岁孩子解释地球的自转” • 家庭记录：把暑假旅行的照片变成一本冒险绘本 看看希里安生成的绘本 最后 尽管咱们都是普通人，但AI的快速发展到后面肯定会影响在座的每一个人的生活，我们身处AI时代需要思考，如何更好的利用AI带来的便利，而又能够清晰的认识到它可能带来的挑战和问题！

重绘与回流_html回流重绘

为每个节点生成图形和位置 （Layout–布局，重排,回流） 4. 将每个节点绘制填充到图层位图中 （Paint–重绘） 5. 图层作为纹理上传至GPU 6. 节点 4. CSS3动画的节点 5. 拥有CSS加速属性的元素(will-change) 重绘(Repaint) 重绘是一个元素外观的改变所触发的浏览器行为，例如改变outline、背景色等属性。 将每个节点填充到图层中（Paint–重绘） 4. 【不要使用table布局】 table-cell 4.将【多次改变样式属性的操作合并成一次】操作 不要一条一条地修改DOM的样式，预先定义好class，然后修改DOM的className 5. offsetLeft, offsetWidth, offsetHeight 2. scrollTop/Left/Width/Height 3. clientTop/Left/Width/Height 4.

用腾讯云语音合成（TTS）批量生成英语绘本的朗读音频

孩子进行英语启蒙，需要看很多英语绘本，而且要听配套的音频来练听力。但有些英语绘本是没有对应音频的，下面简单几步，就可以将任意英语绘本制作出对应的英语朗读音频。 先到电子书资源网站搜索这个绘本名称，如果有电子书，可以直接下载，最好是pdf格式的；如果没有电子书，但是有实体书，比如从图书馆借的绘本，可以用手机拍照做成PDF文件。 绘本每一页拍照后，按照页码顺序选择，然后点击：更多——打印或生成PDF点击右上角，选择：另存为PDF选择一个文件夹，保存，然后将这个PDF文件传输到电脑。 得到绘本的PDF文件后，然后申请一个腾讯云的账号，新用户可以领取一个语音合成的免费资源包，内含800万调用字符，有效期为3个月。 可以看到，一本简单的英文绘本消耗了3712个字符，免费的语音合成资源包支持8000000个字符，大概可以转换2000本左右英文绘本。

duilib自绘

有时候我们在使用duilib的同时，可能想自己在窗体上绘制一些图形、线条等等，但是发现绘制不上去。emmm，不用烦恼，其实是绘制上去然后又被duilib自身的绘制机制给擦掉了应该。 那么正确的绘制姿势呢？ 方法1：从CControlUI派生一个子类，然后直接重写DoPaint接口，在里面绘制即可。这样有1个限制，duilib默认是后添加的控件Z序高，而实际绘制全部控件的时候，Z序高的控件在上层。因此如果这个控件的Z序比较低，是有可能被其他控件盖住的，这个要看具体的布局了。 方法2：从CControlUI派生

600+英语绘本、500+英语儿歌 腾讯ABCmouse免费开放海量学习资源

腾讯ABCmouse宣布，疫情期间将免费开放ABCmouse在线英语启蒙课里的五大学习区，包括600+英语分级绘本、500+美国原汁原味的英语儿歌、全套自然拼读课程，还有英语拼图、游戏等数千个趣味学习活动 腾讯ABCmouse图书馆、音乐厅、电影院三个区域涵盖海量绘本、儿歌、动画等学习资源，让孩子们在形式多样的知识海洋中遨游，快乐学英语，自然养成英语语感。 图书馆版块包括“听绘本”“自然拼读”“分级阅读”三个学习区，有超过600本原汁原味，与美国孩子同步的有声分级绘本。音乐厅里包含超500首原汁原味的美国英语儿歌动画与童谣，还可按照主题给孩子选歌。

鼠绘（1）

鼠绘是什么？ 顾名思义，鼠绘是指用鼠标（注意：是鼠标，不是数位板），使用画图软件（如：photoshop）进行绘画的活动。 须要准备什么？ 1.鼠标一个（价格品牌任意，顺手即可） 2.photoshop 鼠绘的步骤： 1.打底。使用不同灰度的颜色把构图大体确定。 2.勾线。对各个部分进行粗略的勾线。 3.上色。确定各个部分的基础颜色。 4.完好细节。耗时最长的一步。对各种细节进行刻画。 5.勾线。对完毕的细节进行最后的勾线。 photoshop中鼠绘的须要用到的工具： 1.钢笔工具。 鼠绘主力，主要通过调整笔刷样式，透明度的方式来进行绘制。 2.橡皮擦。跟现实中橡皮擦一个作用。 2.模糊工具。对一些须要颜色渐变的效果进行柔化。

CTreeCtrl自绘

#pragma once #define _OWNER_DRAWN_TREE // 自绘CTreeCtrl，可支持背景图片显示功能 class CSWTreeCtrl : public CTreeCtrl 1 : 0; m_imgBtns.Draw(pDC, nImg, CPoint(x - szIcon.cx / 2 - 6, yCenterItem - 4), ILD_TRANSPARENT)

ChatGPT讲故事，DALLE-2负责画出来，两AI合作出绘本

也就是说，他相当于用两个 AI 做出了一本绘本。 故事的梗概是这样的： 从前，在一个遥远的地方，有一位名叫罗比的机器人，他生活的世界里到处都是机器。 当然，为了生成这个「绘本」，Eric Zelikman 也克服了一些困难，比如 ChatGPT 有时生成的 prompt 太长了，他需要缩减一下才能喂给 DALL-2，因为后者对输入长度是有限制的，这也在一定程度上增加了故事风格 参考链接：https://twitter.com/ericzelikman/status/1600948156656537600 © THE END 转载请联系本公众号获得授权 投稿或寻求报道：content

使用AI创绘你心中的绝美绘卷

：alembics/disco-diffusion (github.com) 环境需求 1.腾讯云GPU服务器GN7 2.Windows Server 2019 数据中心中文版 3.python环境 4. 克隆项目代码 git clone https://github.com/alembics/disco-diffusion [image-20220530172713568] 直接在jupyter里面运行笔记本， 会自动安装所有依赖，安装完依赖的目录是这样子的 [image-20220530173551016] 我们会看到jupyter笔记本的变化 [image-20220530174923921] [image cut_batches:(4|1-8)每次迭代，AI将图像切割成更小的部分，称为cuts，并将每个切割与提示进行比较，以决定如何引导下一步扩散。

重排与重绘

其中重排和重绘是最耗时的部分，一旦触发重排，我们对DOM的修改引发了DOM几何元素的变化，渲染树需要重新计算， 而重绘只会改变vidibility、outline、背景色等属性导致样式的变化，使浏览器需要根据新的属性进行绘制 更比而言，重排会产生比重绘更大的开销。所以，我们在实际生产中要严格注意减少重排的触发。 2.浏览器窗口尺寸改变 3.元素位置和尺寸发生改变的时候 4.新增和删除可见元素 5.内容发生改变（文字数量或图片大小等等） 6.元素字体大小变化。 7.激活CSS伪类（例如：:hover）。 触发重绘的操作主要有： vidibility、outline、背景色等属性的改变 我们应当注意的是：重绘不一定导致重排，但重排一定会导致重绘。 curTop = div.offsetTop; div.style.left = curLeft + 1 + 'px'; div.style.top = curTop + 1 + 'px'; 复制代码 4.

AR培训丨零基础制作第一个AR应用——AR绘本

实现效果： 视频链接 课前资源： 链接: https://pan.baidu.com/s/1UxPPUo5UmAkeUYWonEOCPQ 提取码: s59e 本资源包括： 用于本应用的房子模型 4、配置小屋及钟表 1）、配置合适显示位置 a、将Project—ClassResources里的xiaowu拖到层级窗口ARCamera下，调整它们的属性如下： ARCamera： xiaowu： b 将xiaowu挂载到该脚本的House上 4）、让小屋能放大缩小、能旋转、触发钟表事件 给小屋添加如下组件，并进行如下配置 5、配置测试模块 1）、UI模块 a、右键UI-Image，Canvas设置为 4）测试按钮 1、制作按钮 a、在Canvas下新建名为LeftButton、RightButton的两个Button，分别绑定GameManager中的 b、Button下的文字进行如下设置 2、制作测试内容

回流和重绘

reflow: 当render树中的一部分或者全部因为大小边距等问题发生改变而需要重建的过程叫做回流 repaint: 当元素的一部分属性发生变化，如外观背景色不会引起布局变化而需要重新渲染的过程叫做重绘 回流一定会引发重绘 但是 重绘不一定引发回流 引发回流的情况 ： 首当其冲自然是dom树结构变化，比如你删除或者添加某个node. red"; // 再一次 回流+重绘 s.color = "blue"; // 再一次重绘 s.backgroundColor = "#ccc"; // 再一次 重绘 s.fontSize = "14px"; // 再一次 回流+重绘 // 添加node，再一次 回流+重绘 document.body.appendChild(document.createTextNode('abc!')) ; 说到这里大家都知道回流比重绘的代价要更高，回流的花销跟render tree有多少节点需要重新构建有关系，假设你直接操作body，比如在body最前面插入1个元素，会导致整个render tree

canvas 绘点图

canvas 绘点图 项目中需要一个记录点实时变动的信息，在此记录一下： <!

“重绘” 和 “重排”

加深认识 “重绘”  和 “重排” 1.重绘 重绘是指一个元素外观改变所触发的浏览器行为，大概就是外观属性的改变，像，背景颜色，等  2，重排 重排是指渲染树中因为元素的尺寸或规模改变，需要重新构建的这个过程 3，触发重排的条件 页面第一次加载时 添加或删除可见的dom元素时 元素的位置改变，或使用动画时 元素尺寸改变时 浏览器的窗口尺寸改变时 填充的内容改变时 4，重绘和重排的关系 重排一定回引发重绘，但重绘不一定回重排 生成渲染树 （这个时候已经走到render tree 啦） 然后就是layout(这就是回流) ，可以得到几何信息 再然后就是重绘啦，可以得到节点的绝对像素， 最后就是将像素发给GPU，展示在页面上 

proe之草绘

“草绘”工具栏中按钮，以及主菜单“编辑”|“镜像”选项专门用于镜像一个已经存在的图形。 2.3 修改 完成草图的绘制后，通常需要对其进行修改，以得到用户需要的正确的尺寸，“草绘”工具栏中按钮以及主菜单中“编辑”|“修改”选项，就是用来进行图元的修改的。 2.4. 草绘器确保在截面创建的任何阶段都已充分约束与标注该截面。当草绘某个截面时，系统会自动标注几何，这些尺寸被称为弱尺寸，因为系统在创建或删除它们的时候并不予以警告。弱尺寸显示为灰色。 3.1 线性标注：长度与距离 3.2 圆和圆弧尺寸标注：直径、半径、圆周间距离、旋转剖面 3.3 角度标注：角度与弧度 4.几何约束 几何约束是指草图对象之间的平行、垂直、共线和对称等几何关系，几何约束可以替代某些尺寸的标注 单击“绘图”工具栏中的“约束”按钮，或依次选择“草绘”|“约束”选项，系统会弹出“约束”对话框，单击其中的按钮即可对图元进行约束设置。