首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

第06步《前端篇》第2章打造游戏界面第1课

学习目标 学会在Canvas上绘制文本方法; 学会安装VSCode及需要插件,例如Live Server; 设置VSCode字体、文件自动保存、及Tab Size为2; 学习使用HTML标签(例如canvas...); 学习使用const关键字,及添加注释; 学习更改绘制文本字体、字号与颜色; 了解常用中文字体英文名称; 学习给绘制文本添加文本样式(斜体、粗体); 学习给绘制文本添加渐变色材质; 学习在Canvas...在 Canvas API,我们可以使用 fillStyle 属性设置填充颜色,可以使用 font 属性指定文本字体和字号。...measureText方法返回尺寸信息并不包含高度信息,文本高度信息手动计算涉及到许多内容,但对于大多数字体而言,其字符M宽度值近似等于其高度值,所以M字符宽度值可以近似当作同字体高度值使用...实践疑难点 font-weight一般建议直接使用绝对粗细数字值,而不是相对粗细名称值。在网页根元素设置font-weight不同,所有子元素相对值都会受到影响。

1K20

何在keras添加自己优化器(adam等)

2、找到keras在tensorflow下根目录 需要特别注意是找到keras在tensorflow下根目录而不是找到keras根目录。...一般来说,完成tensorflow以及keras配置后即可在tensorflow目录下python目录中找到keras目录,以GPU为例keras在tensorflow下根目录为C:\ProgramData...找到optimizers.pyadam等优化器类并在后面添加自己优化器类 以本文来说,我在第718行添加如下代码 @tf_export('keras.optimizers.adamsss') class...# 传入优化器名称: 默认参数将被采用 model.compile(loss=’mean_squared_error’, optimizer=’sgd’) 以上这篇如何在keras添加自己优化器...(adam等)就是小编分享给大家全部内容了,希望能给大家一个参考。

44.9K30
您找到你想要的搜索结果了吗?
是的
没有找到

何在 Eclipse 更改注释块 @author 版权信息?

文章目录 前言 一、打开需要进行版权标注类 二、进入配置页面 三、编辑配置信息 四、测试 总结 ---- 前言 我们在使用 IDE——Ecilpse 进行开发,需要注明版权信息时候,如果不更改默认设置的话...,在注释块 @author 内容就是电脑系统默认,例如下图所示。...---- 一、打开需要进行版权标注类 打开 Ecilpse 需要备注一个类或者是方法开发者信息,默认是系统用户,如下我就是 Lenovo,如下图所示: ?...说明:${user}属性默认取值是我们本地管理员 user 信息。 例如联想电脑默认取 lenovo。我们将${user}属性更改为我们需要标注作者信息即可。 ?...---- 总结 本文我们掌握了如何在 Eclipse 修改注释版权信息,这样我们就无需每次手动去调整了。那么同学,你是否会在 IDEA 里面修改注释版权信息呢?

4.1K51

何在MySQL 更改数据前几位数字?

前言在 MySQL 数据库,有时候我们需要对数据进行一些特定处理,比如更改数据某个字段前几位数字。这种需求可能涉及到数据清洗、数据转换或者数据修复等操作。...使用 SUBSTR 函数要更改数据字段前几位数字,可以使用 SUBSTR 函数来截取字段子串,并进行修改。...在使用 SUBSTR 函数时,要确保指定起始位置和截取长度是符合逻辑,以避免截取出错或数据损坏。确保更新操作条件准确无误,以免影响到不需要修改数据记录。...总结本文介绍了如何使用 MySQL SUBSTR 函数来更改数据字段前几位数字。通过合理 SQL 查询和函数组合,我们可以实现对数据灵活处理和转换。...在实际应用,根据具体需求和情况,可以进一步扩展和优化这种数据处理方式,使其更加高效和可靠。

18910

何在VScode顺利编写Fusion360脚本

在最近一次Fusion 360 大更新,除了Generative design 有更强支持外,然后就是把API开发环境移动到了VScode里面了!...相比原来丑丑Spyder,VScode还是好看了很多。 ?...那我们就来看看如何安装VScode到Fusion吧 安装 VScode 首先要去VScode网站上下载VScode,选择符合你电脑版本,下载下来安装即可。...点击完Edit之后,VScode就会自动弹出,然后我们来跑一下示例代码选中TestScript 跳转到VScode,进入Debug(直接RUN是不行,在Debug情况下,VScode和Fusion...到这里就算是联通Fusion 360 和 VScode了,最开始我也是因为Python版本问题,卡了蛮久,后来去论坛提了问,才得到了解答。

1.5K20

3.字体样式-CSS基础

一、字体样式 1.常用字体样式属性 属性 说明 font-family 字体类型 font-size 字体大小 font-weight 字体粗细 font-style 字体风格 color 字体颜色...(4)实际开发 在实际开发,美观中文字体通常使用宋体、微软雅黑;美观英文字体有Times New Roman、Arial、Verdana。...像素值:16px等。 ① 实际开发 在实际开发关键字这种方式基本不会用,所以我们掌握像素值即可。 (2)px像素值 关于px是什么,请看我另一篇文章01-CSS基础。...四、font-weight(字体粗细) 在CSS,使用font-weight属性来定义字体粗细。 注意,字体粗细字体大小是完全不一样,可千万不要弄混了,粗细指“肥瘦”,大小指“宽高”。...16进制RGB值:16px等。 ① 关键字 关键字就是颜色英文名称。 ② 16进制RGB值 在开发,单纯靠关键字满足不了实际开发需求,因此引入了16进制RGB值。

3.1K10

何在 Vue 项目中,通过点击 DOM 自动定位VSCode代码行?

甚至你才刚刚加入这个项目,那么怎么样才能快速找到相关组件在整个项目代码文件位置呢?...Vue官方就提供了一款 vue-devtools 插件,使用该插件就能自动在 VSCode 打开对应页面组件源代码文件,操作路径如下:使用vue-devtools插件可以很好地提高我们查找对应页面组件代码效率...利用 VSCode 编辑器这个特性,我们就能实现自动定位代码行功能,对应代码路径信息可以从client端发送请求信息当中获得,再借助nodechild_process.exec方法来执行VSCode...return sourceCodeChange(code, id) } }}2.3.2 计算代码行号接着在遍历源码文件过程,需要处理对应Vue文件template模板代码,以“\n”分割...3.1 webpcak构建项目对于webpack构建项目来说,首先在构建配置项vue.config.js文件配置一下devServer和webpack loader,接着在main.js入口文件初始化插件

2.8K30

何在 Ubuntu Linux 更改 DNS 并解决一些网速慢问题?

在本指南中,我们将教您如何将 Ubuntu DNS 更改为您想要任何内容。在某些情况下,更改 DNS 可以大大提高您Internet连接速度。...在此示例,我们将使用 Google DNS,但您可以使用您最喜欢任何内容。此外,我们还列出了2022 年最佳免费 DNS。...第 1 步:从终端更改 Ubuntu DNS最简单解决方案是更改/etc/resolv.conf文件配置,告知系统应将名称解析请求转发到何处。...所以,让我们首先更改这个文件:sudo nano /etc/resolv.conf更改名称服务器,仅保留以下选项:nameserver 8.8.8.8您在那里删除名称服务器 127.0.0.53 由systemd-resolved...浏览并分享您在评论浏览时发现不同之处。

4.4K20

何在 Python 绘图图形上手动添加图例颜色和图例字体大小?

但是,并非所有情况都可以通过 Plotly 默认图例设置来适应。本文将讨论如何在 Python 手动将图例颜色和字体大小应用于 Plotly 图形。...legend_font_color参数设置为“=red”以更改图例文本颜色,legend_font_size参数设置为 14 以增加图例文本字体大小。...这些参数控制图上显示图例颜色和字体大小。 最后,使用 Plotly  show() 函数显示绘图。...生成图显示了餐厅顾客总账单和小费金额之间关系,标记大小由另一个变量调整,并由支付账单的人性别着色。图例字体颜色设置为绿色,字体大小设置为 14 以提高可读性。...Python 手动将图例颜色和图例字体大小添加到绘图图形

57530

Jetbrains Mono、FiraCode、Source Code Pro、Consolas评测,哪款是你菜?

自带) VsCode 设置 由于Jetbrains Mono、FiraCode都是具有编程连字等宽字体VSCode要启用连字特性还需要做一些设置,同时为了方便评测也用到了Font Switcher插件...: "normal", //设置字体粗细 "editor.fontFamily": "'Jetbrains Mono'", "font-switcher.enableLivePreview...这里引用Jetbrains Mono页面上一段话: 连字是由两个或多个连接符号组成字符。传统上,它是作为节省空间技术引入印刷文本。...在代码,此技术用于显示运算符,主要用于两个目的: 通过合并符号和删除细节来减少噪声,从而减少了对眼睛劳损。 在某些情况下,通过移动字形可以更有效地平衡空白。...,我支付宝账号是157XXXXXXXX ~ 当然,除了本文提及4款字体,当然也有很多其他优秀字体被大家钟爱,欢迎在评论区留言~ 恭贺新禧,新年快乐?!

2.1K30

【CSS】CSS 文本样式 ② ( font 字体设置 | CSS 2.0手册使用 | font-weight 字体粗细设置 | font-style 字体斜体设置 | font 字体样式综合写法 )

文章目录 一、 CSS 2.0手册使用 1、 按照文档层次查找 2、 搜索关键字查找文档 二、 font-weight 字体粗细设置 1、 语法简介 2、 代码示例 三、 font-style 字体斜体设置...---- 1、 按照文档层次查找 CSS 使用方法可在 CSS 2.0 手册 查询 ; 这里以 查询 font-weight 字体粗细设置 为例 , 在文档左侧 " 属性 | 字体 | font-weight..." , 可以找到该文档 ; 在右侧 语法 和 参数 , 详细说明了 属性作用 , 以及 属性值如何设置 ; 2、 搜索关键字查找文档 此外 , 还可以在 CSS 2.0 手册 搜索栏..., 搜索该属性 ; 二、 font-weight 字体粗细设置 ---- 1、 语法简介 在 HTML 可以使用 b strong ( 推荐使用 ) 标签 , 实现 文本粗体显示 ; 如果 使用...标签 粗体显示 , 则可以使用 CSS 设置其 不加粗 ; 在 CSS , 可使用 font-weight 设置 字体粗细 ; font-weight 属性值设置 : normal : 默认不加粗样式

4.4K20

从头学前端-CSS基础01

,class前面加符号.语法如下:.类名{ k:v}一个标签页可以使用多个类名;在标签class属性,写多个类名,以空格分开;id选择器是通过标签Id属性值作为选择器,id以#开始;其他与类选择器类似...;相比类选择器,id可以表示一个标签,id只能使用一次;通配符选择器使用*定义,它表示选取页面所有的元素;图片CSS字体属性字体属性用于定义字体系列,大小,粗细和文字样式等;字体系列:font-family...字体大小: font-size; 大小以px(像素)为单位;谷歌浏览器默认大小为16px; 一般情况下给body添加此属性;标题标签特殊设置字体粗细:font-weight : 常用值 normal(...(可省略) font-size(必需)/line-height font-family(必需) } 空格隔开,顺序不可以更改CSS文本属性css文本属性主要定义文本外观属性,文本颜色,文本对齐...一个页面的搭建过程搭建页面html结构> 根据页面展示内容,设置页面标签添加CSS样式> 添加body全局css 添加各个标签样式注意图片标签没有水平居中样式,如要水平居中,需要放到行标签p和div

1.1K00

WecTeam:撸了这么多代码,你真的了解字体吗?

这篇文章,我们来讲一讲关于字体常识。这些常识所涉及到问题,有很强可操作性,都是在实际业务真实遇到,都是需要开发同学和产品经理、设计师不断重复沟通。...这五类字体族不代表某一个具体字体,而是当你在 CSS 中指定字体时候,系统就有可能在字体找出一种字体来显示。 ?...如下: 关键问题是,很多人会发现,在 Android 平台浏览器, font-weight 无论是设置300、400,还是500,文字粗细都没有任何变化,只有到700时候才会加粗一下,感觉浏览器好像不支持这些数值...实际上,所有这些数值关键字浏览器都是支持,之所以没有看到任何粗细变化,要看你所使用字体是否支持。...就拿“微软雅黑”这个字体来举例,它只支持两种粗细,所以当你在代码里写成500时候,也会被认为是400。但是 Mac 上“苹方”字体,就支持至少六种粗细

1.2K10

CSS 基础 之 基础选择器+字体文本相关样式

类选择器 3.3 id选择器 3.4 通配符选择器 4、字体样式 4.1 字体大小 4.2 字体粗细 4.3 字体样式(是否倾斜) 4.4 字体系列 5、文本样式 5.1 文本缩进 5.2 文本水平对齐方式...开发中使用极少,只会在极特殊情况下才会用到 效果: 4、字体样式 字体大小 font-size 字体粗细 font-weight 字体样式 font-style 字体类型 font-family...4.2 字体粗细 属性名 font-weight 取值 关键字: 正常——>normal 加粗 ——>bold纯数字:100~900整百数:正常——>400 加粗 ——>700 注意点 不是所有字体都提供了九种粗细...关键字: 正常——>normal 加粗 ——>bold 纯数字:100~900整百数:正常——>400 加粗 ——>700 注意点 不是所有字体都提供了九种粗细,因此部分取值页面无变化 实际开发以...从左往右按照顺序查找,如果电脑中未安装该字体,则显示下一个字体 2. 如果都不支持,此时会根据操作系统,显示最后字体系列默认字体 注意点: 1. 如果字体名称存在多个单词,推荐使用引号包裹 2.

2.1K10

IT课程 CSS基础 022_文本、字体、链接

文本方向 使用 direction 属性设置文本阅读方向,从左到右(ltr)、从右到左(rtl)。 适用于多语言网站,根据文本语言设定阅读方向,有些语言(阿拉伯语)是横向书写,但是是从右向左。...表示阴影模糊程度,值越大越模糊。可以省略。 color:阴影颜色。可以是具体颜色值,也可以是关键字或 RGBA 值。...使用相对值时,字体大小大小是相对于父元素字体大小。相对值单位包括: em、rem、vw、vh 等。 使用关键字指定字体大小,可以提高可读性和一致性。...通常,行高可以设置为字体大小 1.4 到 1.6 倍。 粗细 CSS 字体粗细可以使用 font-weight 属性来设置。 normal: 默认字体粗细。 bold: 加粗字体。...bolder: 相对于父元素更粗字体。 lighter: 相对于父元素更细字体。 数字值:使用数字值来设置字体粗细,数字值范围通常从 100 到 900。

9510

Web 字体 font-family 再探秘

衬线字体 -- 关键字为 serif,意为有衬线字体,衬线意思是在字符笔画末端有叫做衬线小细节额外装饰,而且笔画粗细会有所不同,这些细节在大写字母特别明显。 ?...无衬线字体 -- 关键字为 sans-serif,也就是无衬线意思。专指西文中没有衬线字体,与汉字字体黑体相对应。...font-family 关键字 对于 CSS  font-family 而言,它有两类取值。...sans-serif 非衬线字体族 monospace 等宽字体,即字体每个字宽度相同 cursive 草书字体 fantasy 主要是那些具有特殊艺术效果字体 新增通用字体关键字 而在 CSS...Fonts Module Level 4 -- Generic font families ,新增了几个关键字: system-ui 系统默认字体 emoji 用于兼容 emoji 表情符号字符 math

2.3K10

(数据科学学习手札128)在matplotlib添加富文本最佳方式

html标签,我们需要将施加了特殊样式设置内容包裹在成对,并在以属性名:属性值方式完成各种样式属性设置,譬如我们想要插入一段混合了不同粗细、色彩以及字体效果富文本: from...name属性可以用来设置具体字体名称,关于matplotlib字体设置相关知识你可以参考我以前写过搞定matplotlib字体设置https://www.cnblogs.com/feffery.../p/14122415.html,下面分别演示系统自带字体,以及自行注册导入自定义字体是如何在flexitext中使用(其中每种字体name你可以通过font_manager.fontManager.ttflist...、demi、bold、heavy、extra bold、black选项,不过这个属性依赖具体字体族(flexitext中使用family属性来定义)是否包含对应粗细版本,所以有时候设置无效是正常...,譬如下面的例子Times New Roman是完整字体族,因此可以设置粗细: fig, ax = plt.subplots(figsize=(9, 6)) flexitext(0.5,

1.5K20

matplotlib可视化必知必会富文本绘制方法

标签,我们需要将施加了特殊样式设置内容包裹在成对,并在以属性名:属性值方式完成各种样式属性设置,譬如我们想要插入一段混合了不同粗细、色彩以及字体效果富文本: from flexitext...name属性可以用来设置具体字体名称,关于matplotlib字体设置相关知识你可以参考我以前写过「搞定matplotlib字体设置」https://www.cnblogs.com/feffery.../p/14122415.html,下面分别演示系统自带字体,以及自行注册导入自定义字体是如何在flexitext中使用(其中每种字体name你可以通过font_manager.fontManager.ttflist...、demi、bold、heavy、extra bold、black选项,不过这个属性依赖具体字体族(flexitext中使用family属性来定义)是否包含对应粗细版本,所以有时候设置无效是正常...,譬如下面的例子Times New Roman是完整字体族,因此可以设置粗细: fig, ax = plt.subplots(figsize=(9, 6)) flexitext(0.5,

61820
领券