手持弹幕 这个小程序主要用于弹幕和荧光字的制作。弹幕有字体的速度、字号、颜色三项设置。荧光字只有字体的大小和颜色两种设置。 其中弹幕不限字数，字体大小就是字变大变小。...而荧光字的字体大小＝字的数量，大＝5 个字，中＝4 个字，小＝3 个字。 弹幕和荧光字的内容不只是字哦，还可以输入 emoji 表情。...「手持弹幕」小程序使用链接 https://minapp.com/miniapp/3226/ 手机弹幕 还是主要用于弹幕和荧光字的制作。 弹幕有字体、速度、字号、颜色四项设置。...「手机弹幕」小程序使用链接 https://minapp.com/miniapp/5282/ 疯狂打 call 必备神器 哈哈，依旧主要用于弹幕和荧光字的制作。...「疯狂打 call 必备神器」最特别的地方是，荧光字支持自己手绘，不仅可以写字，还能画画。但就是没有变换效果。 字体有 7 种颜色可选，画笔可以调整粗细，但橡皮就那么大点。
首先看一下文字绘制在手绘视频中的应用场景 文字是手绘视频中很重要的表现形式，应用场景很广，比如字幕、旁白和一些重要的文字说明提示。...和普通视频，如 MV、电影等使用某一种固定字体，如宋体、微软雅黑字体不同的是，在手绘视频中，我们通常会使用一些很有个性化的字体，如毛笔字体、卡通字体和很多手写字体。...另一个很大的区别，电影等中的问题，是整体出现的，不存在绘制的过程，所以只需要按照字体显示；而手绘视频中的文字，通常是以手绘的形式展出来的。...下面两张图片分别是一个电影截图中的字幕和手绘视频中的一种火柴字体。 ? ?...它支持把输入的文字，按照字体大小，轮廓粗细，文字颜色等生成一个 SVG 文件。
具体来讲，块面组合法就是先使用矩形工具设定好笔画的粗细，然后进行组合造字，构建好基本的结构字形，接着做进一步的调整和细化，尝试对一些笔画 进行断笔、共用和删减等处理，不断丰富字体的细节特征。...这种方法主要应用软件中的”钢笔”工具，通过改变线段粗细、曲直和断连关系，从而设计出不同风格的字体。 灵活多变是线段连接法最大的特色，除了基本的直线，可根据实际需求来变化曲线和折线等。...所以不管是横平竖直的常规方块字体，还是曲线夸张的风格字 体，都可快直接快速地勾勒出来，这一步选用钢笔工具完成即可；当确定好了基本字形，再调整描边的粗细和端点的曲直，反复进行调试和对比，使字体达到最佳的状态...手绘相较于电脑绘制总有不一样的感觉和优势，特别是对于一些复杂的字体设计，手绘更加灵活效率也更高一些，先用手绘再通过电脑将字体进行还原，这样手工质朴的感觉可以得到最大化保留。 ?...这种方法重点在于纸上的手绘，字体形式和细节上的变化和处理基本都在纸上完成，软件描摹则尽量地还原手绘稿的原貌，当然最后对于细节上的问题也要及时地加以修正。 ?
适配来画平台手绘视频模板 来画成立两年多的时间里，一直在积累手绘视频模板，目前来画平台的模板有上千个，覆盖了各种风格和用途。利用模板，用户可以很方便的创作手绘视频，应用到很多的场景。...而通过添加多个分组，让多个分镜头组成一个手绘视频。每个分镜头可以单独进行动画设置、预览和素材调整等操作。...再配合我们上一篇（UWP 手绘视频创作工具技术分享系列 - 有 AI 的手绘视频）提到的来画和科大讯飞的智能配音，用户可以针对每个分镜头，选择不同的声音进行配音，并在每个分镜头间根据转场动画时长来做配音停顿...原有版本我们更多的是直接使用了系统的 InkToolbar，包括画笔选择，画笔颜色和粗细等的操作。而新版本我们重新定义了绘画菜单。...如上图左上角的圆形菜单，最外层是常用的推荐颜色和推荐的画笔粗细，里层是不同的画笔、橡皮、调色板和画笔粗细。其中推荐颜色控件，是一个自定义的圆形列表控件。
字体样式 (双标签)：没有任何语义的标签，通常和CSS结合使用。 font-family 设置字体类型 <!...font-family: 宋体;} 我是SPAN标签 浏览器显示 font-size 设置字体大小...italic; font-weight:bold; } 浏览器显示 这样设置嫌麻烦还可以在一个声明中设置所有字体属性 浏览器显示 字体属性的顺序：字体风格→字体粗细...→字体大小→字体类型； 总结 font-family——设置字体类型——font-family:"宋体"; font-size——设置字体大小——font-size:12px; font-style——...设置字体风格——font-style:italic; font-weight——设置字体的粗细——font-weight:bold; font——一个声明中设置所有字体属性——font:italic bold
本篇作为技术分享系列的第四篇，详细讲一下手绘视频中 Surface Pen 和 Surface Dial 的使用场景。 ...而在手绘视频中，用户主动创作、体现个性化最重要的部分，就是用户用鼠标、手指触控或 Surface Pen 操作的文字和绘画了，相比鼠标和手指，Surface Pen 无疑是最适合创作的了。 ...Dial 还是相当好用的，它可以完成很多辅助快捷功能，发挥非主力手的作用，解放你的主力手，如图中所示：右手是主力创作手，专门负责绘画等复杂操作；左手是非主力手，负责一些功能性的辅助操作，比如切换笔的颜色、粗细...对 Surface Pen 和 Surface Dial 有一个初步的认识后，我们就开始正式讲一下它们在 UWP 手绘视频创作工具中的应用。...定义了这些属性后，在 InkCanvas 中书写时，笔尖结合方向，决定了不同方向笔画的形状和不同的粗细，笔尖的填充，决定了在反复涂画时，是否有颜色加深处理。 ?
； 手绘视频应用开发 - 手绘视频开发的概述，以及几个重要功能的开发分享； 结合 Windows 新特性和 Surface 配件的手绘视频 - Ink 和手绘视频的结合，Surface Pen 和 Surface...文字手绘 文字手绘，是手绘视频里很重要的展现和表达方式，指的是用手写的方式按照文字的字体和它的结构笔顺等完成绘制的手绘动画形式。 文字手绘，特别是汉字手绘，实现比较复杂。...Ink 手绘 Ink 手绘在手绘视频中有很多应用场景，如绘图手绘，手写文字手绘，有丰富的笔触类型支持，如铅笔的墨粉效果，钢笔的笔触方向和粗细，荧光笔的混色效果等动画展示。 ...而平台的组件包括 InkCanvas 和 InkToolbar，利用它们可以完成 Ink 的接收和显示，以及笔触的选择、粗细和颜色的选择等操作； 2....Ink 结合手绘 Ink 和手绘视频的结合，主要有以下几种方式：利用 InkCanvas 和 InkToolbar 实现 Ink 的获取和存储；自定义圆形菜单，实现 Ink 的选择，设置和绘制数据获取
我总结出了四套设计方法：字库造字、矩形造字、钢笔造字、手绘造字。...Tips：在使用矩形造字法的过程中，需要遵循字体的粗细原则（字体在字体笔画结构简单的情况下，可以用同样粗细的矩形来拼接，但是字体为较复杂大笔画结构时可以遵循以下五个原则：横细竖粗、副细主粗、内细外粗、密细疏粗...搭建：运用手绘的形式来进行基础搭建，在草图形式上大概画出字体造型，需表达粗细、笔画、曲线、组合形式等。...d.手绘造字 这类字体本身带有手绘痕迹，清新别致，利用笔刷直接在软件里写出的字体，随性自由，使用场景广泛，但对设计师的字体基础和书法功底要求很高。...采用了手绘体、手记体形式可以增添直播场景中的即时感。
Segoe UI"; // 默认字体 this.DefaultFontSize = 12; // 默认字体大小...; // 标题字体 this.TitleFontSize = 18; // 标题字体大小...// 主网格线颜色 this.MajorGridlineThickness = 1; // 主网格线粗细...// 辅网格线颜色 this.MinorGridlineThickness = 1; // 辅网格线粗细...图例尺寸 LegendBackground // 图例背景色 LegendBorder // 图例边框色 LegendBorderThickness // 图例边框粗细
点击软件左侧的圆形按钮，在标签上绘制一个圆，我们手绘的肯定不是很标准，这时勾选保持宽高相等就可以得到一个标准的圆形。设置圆形的线条粗细。...01.jpg 使用单行文字和多行文字工具在标签上输入文本信息，这里需要注意的是如果不需要换行可以选择单行文字，如果需要换行则选择多行文字。...文字输入完成后可以在软件右侧设置文字的字体、字号和颜色等。 02.jpg 点击软件左侧的直线按钮，在对应的地方绘制几条直线，在软件右侧可以设置直线的粗细、样式等。
03-CSS字体属性 CSS Fonts（字体）属性用于定义字体系列、大小、粗细、文字样式（如斜体等）。 3.1字体系列 CSS使用font-family属性定义文本的字体系列。...GB’ 当设置了多个字体时，根据先后顺序依次查看系统是否支持，若不支持则查看后一个，若全都不支持则使用系统默认的字体显示 实际开发中，字体设置常用于标签来将整个页面中的字体全部修改掉 3.2字体大小...CSS使用 font-size属性设置字体大小 p { font-size: 20px; } px（像素）是我们网页中最长使用的单位 谷歌浏览器默认的文字大小为...16px 不同浏览器可能默认显示的字号不一致，我们应尽量给一个明确值，而不要使用默认大小 同样可以通过给设置字号大小来指定整个页面文字的大小（标题标签除外，需要单独设定） 3.3字体粗细 CSS...使用 font-weight属性来设置字体粗细，属性值有normal(正常字体，相当于number为400，可以用于取消标题等标签的加粗效果)、bold（粗体 相当于number为700，也相当于<strong
根据字体大小和设计需求调整行高，可提高可读性。...使用相对值时，字体大小的大小是相对于父元素的字体大小的。相对值单位包括： em、rem、vw、vh 等。 使用关键字指定字体大小，可以提高可读性和一致性。...示例： body { font-size: 16px; } 响应式设计： 字体大小在响应式设计中应该是相对的，以确保在不同屏幕尺寸和设备上都能提供良好的阅读体验。...通常，行高可以设置为字体大小的 1.4 到 1.6 倍。 粗细 CSS 中字体粗细可以使用 font-weight 属性来设置。 normal: 默认字体粗细。 bold: 加粗字体。...数字值：使用数字值来设置字体的粗细，数字值范围通常从 100 到 900。
前言 给图片添加文本信息是非常常见的需求，通常需要添加的文本信息分为中文文字或者是非中文的文字，比如数字和英文，对这两类的实现方法也有所不同，非中文的文本信息可以直接用 opencv 实现，而中文文本需要使用...font_color：字体的颜色 thickness: 线的粗细 import cv2 %matplotlib inline import matplotlib.pyplot as plt # opencv...img = cv2.imread('plane.jpg') # 添加的文字 text = 'plane' # 文字起始的位置 position = (600, 100) # 字体大小 font_scale...= 3 # 字体颜色 font_color = (0, 0, 255) # 默认字体 font=cv2.FONT_HERSHEY_SIMPLEX # 线的粗细 thickness = 3 cv2.putText...基本的参数其实和 opencv 的函数一样，同样需要指定文字、字体、起始位置、字体大小和颜色，其中字体可以是自定义的字体，在官方文档中给出了不同系统自带字体存放的位置： windows：在 c:\Windows
经过上次对基本元素和工具的学习（AI科研绘图（一）：零基础入门和基本图形绘制），我们基本上掌握了最常用和基础的工具的用法。...画笔工具 绘制基本形状 – 全选 单击右键 编组 - 添加至画笔 图案画笔 – 用铅笔等工具画出轮廓 – 选择设置好的图案画笔 – 菜单栏 对象 扩展外观 复杂形状 - 细长条，弯曲线条型的图案 铅笔工具手绘...– 调整线条粗细、端点和形状 – 菜单栏 对象 路径 轮廓化描边 – 菜单栏 窗口 路径查找器 形状模式 联集 – 设置颜色等 复杂形状 – 参考实物照片，或者类似的图案 钢笔工具描轮廓 – 增减锚点调整细节...– 连接成一个完整体 - 设置线条颜色和粗细 – 描边
画一条实线 TextDecorationStyle.solid画一条正弦线(波浪线) TextDecorationStyle.wavy FontWeight fontWeight 绘制文本时使用的字体粗细...即w700FontWeight.normal 默认字体粗细。...例如，这种合并行为很有用，可以在使用默认字体系列和大小时使文本变为粗体。...15.0, // normal 正常，italic 斜体 fontStyle: FontStyle.normal, // 字体的粗细...textScaleFactor: 1.0, // 文本要跨越的可选最大行数, maxLines: 2, // 图像的语义描述，用于向Andoid上的TalkBack和iOS
手绘笔迹实际上就是需要支持回放的，手绘笔迹指的是在应用程序里面支持回放出手绘出来的笔迹。...本文来告诉大家一个简易的方法 啥都不说，先来一张图 在抬手的时候绘制出刚才所画的笔迹，做动画画出笔迹，就和手绘差不多的效果 下面来告诉大家核心的原理 在 WPF 中，可以使用一个叫路径动画的功能，通过这个功能可以传入一个...isFirst) { _isFirst = false; // 设置背景这句话是重要的哦，否则Grid不会撑开宽度和高度...还有做动画的圆点的宽度和高度以及笔迹粗细。如果这是作为文档的，还需要考虑笔迹的保存等内容，而在给用户写的时候，还需要考虑撤销重做。...更高级一点的是需要考虑一下音效等 以上其实就是来画手绘软件的手绘部分的 WPF 版的大概实现方法了，这是在 2018 的时候 邵猛 哥和我吹的时候告诉我的一个方法，详细请看 UWP 手绘视频创作工具技术分享系列
monospace字体 #font > .shorthand() @size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight 方便设置字体大小...，粗细和行间距 #font > .serif() @size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight 设置衬线字体族serif...，字体大小，粗细和行间距 #font > .sans-serif() @size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight...设置sans-serif字体族，字体大小，粗细和行间距 #font > .monospace() @size: @baseFontSize, @weight: normal, @lineHeight:...@baseLineHeight 设置monospace字体族，字体大小，粗细和行间距 栅格系统 混合 参数 用法 .container-fixed() 无 创建一个水平居中的容器，用以容纳内容 #grid
字体大小 font-size 设置字体的大小 ,px 是一个单位，代表屏幕的上的像素，在css大多数数值都需要添加单位 font-size: 12px; 字体粗细 font-weight 设置字体的粗细...，取值：默认(normal) 、加粗(bold)、 100 - 900 font-weight:bold 因为字体在初始设计的时候就没有设置太多的粗细标准，用数字设置的时候，只有在400和700会产生变化...font: font-style font-weight font-size/line-height font-family; 不建议修改顺序 并且不需要设置的属性可以不写 但是font-size和font-family...必须指定，否则将不起作用 行高 行高控制的是文字与文字之间的上下距离 （行距） line-height:值; 值的取值是像素 **小技巧：如果将标签的高度和行高设置成一样，那么这个标签里面的文字可以在这个标签里面垂直居中...right center 该属性控制的是标签 “内部的文字” 水平居中 首行缩进 text-indent:值; 取值可以是像素，也可以是em 推荐写法：text-indent:2em; 字体下划线和删除线
（一般在主题根目录style.css）根据类样式查找定位图片把下面的样式添加到标题样式即可（字体大小和其他参数可按需修改，每一行都写了注释。）...font-size:24px;/*字体大小*/font-weight:bold;/*设置文本粗细*/background-color: #ffffff;/*背景颜色*/border-bottom: 1px
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
云直播
对象存储
实时音视频
