centos9rocky linux 9almalinux 9 安装xfce图形界面和xrdp

可参考https://www.linuxcapable.com/how-to-install-xfce-desktop-on-centos-9-stream/https://access.redhat.com /discussions/6964666先说结论，centos9安装完，rdp远程时很卡，但rocky linux 9/almalinux 9很流畅，参考https://cloud.tencent.com /developer/article/1627252给centos8.x安装xfce图形界面(适用opencloudos8.x)，rdp远程时也很流畅。 关于yum install epel-release -y# centos 9 stream 版本dnf upgrade --refreshdnf config-manager --set-enabled 9 / rocky linux 9dnf config-manager --set-enabled crbdnf install epel-releaseyum install epel-release

CSS3实现图形曲线阴形和翘边阴影

*/ } ②翘边阴影 原理：利用:before和:after，加上绝对定位的性质，可以形成一个矩形，这个时候结合CSS3的倾斜属性skew和旋转属性rote。 transform:skew(15deg) rotate(5deg); } 更多 完整代码已分享到： http://git.oschina.net/LuckyWinty/CSS3Shadow 更多CSS3

巧用 CSS3 中的 clip-path 绘制图形

相信大多数前端同学在面试或者学习的时候都遇到过使用 CSS 绘制正方形、三角形等基础图形的问题，各种奇技淫巧想必大家都运用得比较熟练。 本文则介绍了使用 CSS3 中提出的 clip-path 来解决该问题的方法。 clip-path，顾名思义，可以创建一个只有元素的部分区域可以显示的剪切区域。区域内的部分显示，区域外的隐藏。 其语法和使用案例可移步 MDN 查看，这一来源于 SVG 的属性相当强大，用其完成三角形之类基础图形的绘制十分简单。 可以看到，clip-path 能够完成相当复杂的图形绘制。 唯一能制约 clip-path 放飞自我的可能就是兼容度了，截至本文写作时，浏览器对 clip-path 的支持程度如下： ?

【笔记】《计算机图形学》(9)——信号处理

这系列的笔记来自著名的图形学虎书《Fundamentals of Computer Graphics》，这里我为了保证与最新的技术接轨看的是英文第五版，而没有选择第二版的中文翻译版本。 这一章主要介绍了采样，卷积，滤波和这背后的一些数学原理，看懂的话会对后面的学习有帮助，但是看不懂对具体的图形学使用也影响不大。 盒式滤波器 盒式滤波器的公式如下，图形之前已经介绍过了。这里要注意连续函数型的盒式滤波器区间的两端只有一端是闭合的，这是为了保证两个点在滤波器边界时不会被相同处理而保持稳定。 ---- 9.4 对图像的信号处理 我们图形学中最常用的还是对二维图形的处理，又由于数字图像都是离散数据组成，因此所讨论的都是二维离散卷积滤波器 离散滤波器的图像处理 我们可以用不同的滤波器对图像进行卷积处理来使图像产生不同的效果 这个过程表现出来就是下图的样子，如果我们使用越多的正弦曲线来组合就可以得到更接近真实函数的图形 ?

图形编程丨图形绘制基础imgui篇—D3D9 HOOK 创建内部Imgui窗口

作者：小阿栗Imgui又称为Dear ImGui，它是与平台无关的C++轻量级跨平台图形界面库，没有任何第三方依赖，可以将Imgui的源码直接加到项目中使用，也可以编译成dll, Imgui使用DX或者 lib，d3dx9.lib这两个依赖项，应用6. )(IDirect3DDevice9 *pIDirect3DDevice9);typedef LRESULT(WINAPI * FuncWndProc)(const HWND, UINT, WPARAM , LPARAM);HWND g_hWnd = NULL;IDirect3D9 * g_IDirect3D9;D3DPRESENT_PARAMETERS g_d3dpp;IDirect3DDevice9 *pIDirect3DDevice9, D3DPRESENT_PARAMETERS *d3dpp){UnHook((PVOID*)(&OldReset), GrkReset);ImGui_ImplDX9

9种统计学图形的matplotlib画法|收藏收藏！

上一讲，我们给大家介绍了matplotlib的快速上手教程，介绍了常用的线性图形与散点图的画法。 今天我们继续升级！给大家讲解一些常用的统计学图形画法，学会正确使用matplotlib进行绘制。 实例代码 import matplotlib as mpl import matplotlib.pyplot as plt x = [1,2,3,4,5,6,7,8] y = [3,4,5,2,9,5,1,4 实例代码 import matplotlib as mpl import matplotlib.pyplot as plt x = [1,2,3,4,5,6,7,8] y = [2,3,4,9,1,2,6,4 本节我们简单介绍了一下matplotlib是如何绘制统计学中常见的图形的，大家可以收藏下来，需要的时候可翻出查阅。 下一节，我们将继续介绍这些统计学图形在具体实践环节的使用。

Debian 9 图形界面安装有bug 开发人员正在修复

Debian 9 前两天发布了正式版，许多用户在准备下载体验新版本。不过据外媒报道，Debian 9 的所有镜像中似乎都存在一个 bug 。 当您尝试使用图形安装程序安装它时，将显示一条错误消息： “There was an error reading data from the CD-ROM. /w/work/free/gnomepool/main/libl/libzlo2-2-udeb/libzlo2-2-udeb_2.08-1.2+b2_amd64.udeb` 在尝试下载 Debian 9 他在测试一个修复，如果进展顺利，Debian 9 的所有镜像都将重建。

图形

orangeColor] setFill]; [p fill]; } 2、UIView+drawRect+context 获取到drawRect自动生成的context,在context里画图形 A，想要使用UIKit绘制完全不同的图形B，此时就希望保存当前绘图context及已绘制内容。 使用UIKit绘制图形B。 使用UIGraphicsPopContext恢复之前的绘图context，继续使用CoreGraphics绘制图形A。 使用场景是： 当前正在绘制图形A。 使用UIGraphicsBeginImageContext将旧的绘图context入栈，创建新的绘图context并使用。 绘制图形B。 结束绘制图形B之后，使用UIGraphicsEndImageContext恢复到之前的绘图context，继续绘制图形A。

CSS3

CSS3 浏览器内核 transition过渡 transition transition-property: all; transition-duration: 1s; first-child{ transform: rotateY(180deg); } .parent:hover div:last-child{ transform: rotateY(0);} CSS3 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); text-align: center ;margin:5px auto;"> <img src="<em>CSS3</em> <em>CSS3</em>伪元素 CSS 伪元素用于设置元素指定部分的样式。 例如，它可用于： 设置元素的首字母、首行的样式 在元素的内容之前或之后插入内容 请注意双冒号表示法 - ::first-line 对比 :first-line 在 <em>CSS3</em> 中，双冒号取代了伪元素的单冒号表示法

CSS3

值： (1)、normal(正常)；bold(加粗)；（<==常用） (2)、纯数字：100~900的整百数；

CSS3

nth-child(7){ color: red; } .caleder div:nth-of-type(2) p:nth-child(-2n+9) /span>十六十七

6789<

【CSS3】CSS3 动画 ① ( CSS3 动画简介 | CSS3 动画实现步骤 | 动画定义 | 代码示例 )

一、CSS3 动画简介 " 动画 " 是 CSS3 相较于 CSS 的 颠覆性 特性 之一 ; 在 CSS3 中 , 可以设置 多个 动画节点 , 精确地 控制 一个动画 或 若干动画 , 实现 复杂 的 动效 ; 动画可以实现 : 过渡效果 更多变化 更多控制 自动播放 等效果 ; 二、CSS3 动画实现步骤 CSS3 动画 实现 步骤 : 首先 , 使用 @keyframes 定义动画 , 后面的

CSS3

-webkit-border-radius: 10px; / Webkit (如 Safari 和 Chrome) / border-radius: 10px; / W3C / } 2、快速而有效的 CSS3 技巧 通过相邻兄弟选择器 将 div下一个p更改为 红色字体 div.s1+p div+p 通过通用兄弟选择器 将 div后所有的p 背景改为 #ccc色 div~p △CSS3 多栏布局 column-width column-gap: 2em; column-rule: thin dotted #999; column-width: 12em; } △文字换行 word-wrap: break-word; △CSS3 20px); △背景渐变图案 body { background-color:white; background-image: radial-gradient(hsla(0, 0%, 87%, 0.31) 9px △背景图片位置 7、可缩放图标：响应式设计中的完美选择 △请见 http://fico.lensco.be/ CSS3 过渡、变形和动画 1、过渡 transition: all 1s ease 0s

CSS3 代码生成工具：Create CSS3

CSS3 具有相当多的新增属性，而且包括阴影、动画、过渡等华丽的效果。但是由于 CSS3 出来并没有很久，各个浏览器厂商还在开发中，有些属性仍然会带有实验性前缀。 而且类似制作动画、渐变的 CSS3 代码也相当复杂，一旦写错就会导致出现问题。 为此，有人开发了一个生成 CSS3 代码的工具 Create CSS3 。 这类的工具已经非常多了，但并不是很全，往往只是单纯的生成按钮或者渐变、阴影等等，而这个工具，几乎包括了所有的 CSS3 属性。 你只需要选择一个属性，填写一些参数，就可以生成对应的 CSS3 代码，同时它会自动的在相关属性前面增加实验性前缀，而且在下面还可以看到预览效果。 如果你比较懒，又需要一些 CSS3 编写的效果，不妨来使用一下 Create CSS3 吧！ ----

［ISUX译］iOS 9 人机界面指南(五)：图标与图形设计 - 腾讯ISUX

尤其是避免把一大堆不同的图形都塞到你的icon中去。找到一个简单的、可以代表你的app精髓的元素，然后把它设计成一个简单而独特的图形。 你一定不希望用户会把你的app icon或图形与iOS的系统UI搞混。 不要在icon中使用苹果的硬件产品标志。代表苹果产品的各个标志都是受版权保护的，不允许复用到你的icon或者图形中。 重要： 确保你的设计中没有复用苹果官方产品的图形。这些标志受版权保护，而且相关产品的设计会频繁变化。 图形需要平滑无锯齿。 如果你要设计一个看起来足够有 iOS 原生感的图标，你可以使用细描边来绘制它。 注明出处格式：腾讯ISUX (https://isux.tencent.com/ios9-guideline-ch5.html)

CSS3 介绍

source=cloudtencent 什么是 CSS3？ CSS3 是 CSS 一个新的标准，直接理解为是 CSS 的升级版，里面新增了很多样式（特性）。 CSS3 盒子模型 注意 CSS3 盒子模型必须要掌握，否则你在实际开发中遇到样式错乱很难排查问题。 但是在实际开发中，前者是相对更加灵活的，但是 W3C 规范中规定了它们不能被包含在其中，为了解决这个问题，在新的 css3 标准中新增了 box-sizing 属性，用于切换两种盒子模型。 <body>

css3 动画

因为除了HTML 5能够实现矢量图形制作外，使用CSS 3还可以对图像进行更细致的操作，它新增了动画功能，要实现图像的变形等功能，只需要一行CSS就可以实现了。

CSS3入门

法 产生问题的父标签添加 overflow 属性 overflow: hidden | auto | sroll; after 伪元素法 after伪元素法是额外标签法的升级版（推荐) 核心原理:利用CSS3 的新特性自动创建一个叫做after的伪元素，再使用clear:both进行浮动清除 双伪元素法 双伪元素是after伪元素的升级方法 核心原理:利用CSS3的新特性自动创建before和after两个伪元素

CSS3（过渡②）

本篇接：CSS（过渡） transition-duration属性： JavaScript 语法： object.style.transitionDuration="5s"; CSS语法： transition-duration: 2s; //值为过渡的时间，可以为秒，也可以是毫秒 值描述time规定完成过渡效果需要花费的时间（以秒或毫秒计）。 默认值是 0，意味着不会有效果。 transition-timing-function 属性： JavaScript 语法： object.style.transi

初探css3

属性选择器： 　　1.完全匹配的属性选择器。 就是完全匹配的字符串。 　　　　[id=article]{ 　　　　　　color:red; 　　　　} 　　2.包含匹配选择器。包含有指定的字符串。 　　　　语法是：[attribute*=value] attribute 指的属性名，value 指的是属性值， 包含采用“*=”符号。 　　　　　　[id*=article]{ 　　　　　　　　　　color:red; 　　　　　　} 　　3.首字符匹配选择器。只要开头字符符合匹配