RED

3.标签篇:canvas

丶灬走出姿态 提交于 2020-08-14 10:31:46
# 3.标签篇:canvas - 1. 语义化标签 都是块盒 <header></header>:页头 <footer></footer>:页脚 <nav></nav>:导航 <article></article>:用于文章,可以直接被引用拿走的 <section></section>:用于段落 <aside></aside>:侧边栏 - 2. canvas <canvas></canvas> ```html <style> #can{ width:500px; height:300px; border:1px solid black; } </style> <!--canvas的大小要在行间样式上写width和height--> <canvas id="can" width="500px" height="300px"><canvas> <script> var canvas = document.getElementById("can"); var ctx = canvas.getContext("2d");//获得画笔 //画一条线 ctx.lineWidth = 10;//设置线的粗细 ctx.moveTo(100, 100);//起点 ctx.lineTo(200, 100);//终点 ctx.lineTo(200, 200);//终点 //ctx.closePath()

VUE课程---16、style样式绑定

泪湿孤枕 提交于 2020-08-14 10:23:06
VUE课程---16、style样式绑定 一、总结 一句话总结: style样式绑定(内联样式绑定)也有对象语法和数组语法,对象语法就是键值对表示样式名和样式值,数组语法就是数组里面可以放多个表示样式的对象 < div id ="app" > <!-- 对象语法 --> < p :style ="{color:'red','font-size':'30px'}" >{{msg}} </ p > <!-- 用vue实例中的data --> < p :style ="{color:activeColor,'font-size':fontSize+'px'}" >{{msg}} </ p > <!-- 直接用对象 --> < p :style ="style1" >{{msg}} </ p > <!-- 数组语法 --> < p :style ="[style1,style2]" >{{msg}} </ p > </ div > < script src ="../js/vue.js" ></ script > < script > let vm = new Vue({ el: ' #app ' , data: { msg: ' 我有一只小毛驴,我永远也不骑 ' , activeColor: ' purple ' , fontSize: ' 50 ' , style1:{color: '

用hmmlearn学习隐马尔科夫模型HMM

可紊 提交于 2020-08-14 09:03:47
    在之前的 HMM系列 中,我们对隐马尔科夫模型HMM的原理以及三个问题的求解方法做了总结。本文我们就从实践的角度用Python的hmmlearn库来学习HMM的使用。关于hmmlearn的更多资料在 官方文档 有介绍。 1. hmmlearn概述     hmmlearn安装很简单,"pip install hmmlearn"即可完成。     hmmlearn实现了三种HMM模型类,按照观测状态是连续状态还是离散状态,可以分为两类。GaussianHMM和GMMHMM是连续观测状态的HMM模型,而MultinomialHMM是离散观测状态的模型,也是我们在HMM原理系列篇里面使用的模型。     对于MultinomialHMM的模型,使用比较简单,"startprob_"参数对应我们的隐藏状态初始分布$\Pi$, "transmat_"对应我们的状态转移矩阵$A$, "emissionprob_"对应我们的观测状态概率矩阵$B$。     对于连续观测状态的HMM模型,GaussianHMM类假设观测状态符合高斯分布,而GMMHMM类则假设观测状态符合混合高斯分布。一般情况下我们使用GaussianHMM即高斯分布的观测状态即可。以下对于连续观测状态的HMM模型,我们只讨论GaussianHMM类。     在GaussianHMM类中,"startprob_

week01

纵然是瞬间 提交于 2020-08-14 08:51:57
Linux的发行版之间的联系与区别 1.1 Red Hat Linux Red Hat Linux 1994年创立,是最早的Linux发行版本之一,同时也是最著名的Linux版本,Red Hat Linux已经创造了自己的品牌,也是读者经常听到的“红帽操作系统”。2018年10月份IBM正式宣布以340亿美元收购红帽。 1.2 CentOS 社区企业版操作系统(Community Enterprise Operating System,CentOS)是Linux发行版之一,它是来自于Red Hat Enterprise Linux依照开放源代码所编译而成。由于出自同样的源代码,因此有些要求高度稳定性的服务器以CentOS替代商业版的Red Hat Enterprise Linux使用。 CentOS于Red Hat Linux不同之处在于CentOS并不包含封闭的源代码软件,可以开源免费使用,得到运维人员、企业、程序员的青睐,CentOS发行版操作系统是目前企业使用最多的系统之一, 2014年7月7日,正式发布centos7 2016年12月12日,正式发布了CentOS7.3。 2019年9月25号,正式发布了centos8的新版本。 1.3 Ubuntu Ubuntu是一个以桌面应用为主的Linux操作系统,其名称来自非洲南部祖鲁语或豪萨语的“ubuntu”一词

第11课 OpenGL 飘动的旗帜

人盡茶涼 提交于 2020-08-14 08:13:16
飘动的旗帜: 这一课从第六课的代码开始,创建一个飘动的旗帜。我相信在这课结束的时候,你可以掌握纹理映射和混合操作。 大家好!对那些想知道我在这里作了些什么的朋友,您可以先按文章的末尾所列出的链接,下载我那毫无意义的演示(Demo)看看先!我是bosco,我将尽我所能教您来实现一个以正弦波方式运动的图象。这一课基于NeHe的教程第六课,当然您至少也应该学会了一至六课的知识。您需要下载源码压缩包,并将压缩包内带的data目录连其下的位图一起释放至您的代码目录下。或者使用您自己的位图,当然它的尺寸必须适合OpenGL纹理的要求。   在我们开始之前,先打开Visual C++(译者:我可是用的C++ Builder…)并在其他的#inlude之后,添加如下的代码。这将引入我们在程序中将要用到的复杂(译者:复杂吗?)数学函数sine和cosine。 #include <math.h> // 引入数学函数库中的Sin 我们将使用points数组来存放网格各顶点独立的x,y,z坐标。这里网格由45×45点形成,换句话说也就是由44格×44格的小方格子依次组成了。wiggle_count用来指定纹理波浪的运动速度。每3帧一次看起来很不错,变量hold将存放一个用来对旗形波浪进行光滑的浮点数。这几行添加在程序头部,位于最后一行#include之后、GLuint texture[1]之前的位置。

如何在不使用存储库的情况下将Docker映像从一台主机复制到另一台主机

Deadly 提交于 2020-08-14 07:09:50
问题: How do I transfer a Docker image from one machine to another one without using a repository, no matter private or public? 如何在不使用存储库的情况下将Docker映像从一台计算机转移到另一台计算机,无论是私有的还是公共的? I am used to play and create my own image in VirtualBox, and when it is finished, I try to deploy to other machines to have real usage. 我习惯于在VirtualBox中播放和创建自己的映像,完成后,我尝试部署到其他计算机上以实际使用。 Since it is based on own based image (like Red Hat Linux), it cannot be recreated from a Dockerfile. 由于它基于自己的映像(例如Red Hat Linux),因此无法从Dockerfile重新创建。 Are there simple commands I can use? 我可以使用简单的命令吗? Or another solution? 还是其他解决方案? It

vue组件:canvas实现图片涂鸦功能

大兔子大兔子 提交于 2020-08-14 06:38:10
方案背景 需求 需要对图片进行标注,导出图片。 需要标注N多图片最后同时保存。 需要根据多边形区域数据(区域、颜色、名称)标注。 对应方案 用canvas实现涂鸦、圆形、矩形的绘制,最终生成图片base64编码用于上传 大量图片批量上传很耗时间,为了提高用户体验,改为只实现圆形、矩形绘制,最终保存成坐标,下次显示时根据坐标再绘制。 多边形区域的显示是根据坐标点绘制,名称显示的位置为多边形质心。 代码 <template> <div> <canvas :id="radom" :class="{canDraw: 'canvas'}" :width="width" :height="height" :style="{'width':`${width}px`,'height':`${height}px`}" @mousedown="canvasDown($event)" @mouseup="canvasUp($event)" @mousemove="canvasMove($event)" @touchstart="canvasDown($event)" @touchend="canvasUp($event)" @touchmove="canvasMove($event)"> </canvas> </div> </template> <script> // import proxy from

vue table跨行,一步步实现

点点圈 提交于 2020-08-14 06:04:23
需求效果 数据格式 list:[ { 'name':'项目1' , items:[ { 'zysx':'n','ks':'科室1' }, { 'zysx':'n','ks':'科室1' }, { 'zysx':'n','ks':'科室1' } ] }, { 'name':'项目2' , items:[ { 'zysx':'n2','ks':'科室2' }, { 'zysx':'n2','ks':'科室2' }, { 'zysx':'n2','ks':'科室2' } ] },{ 'name':'项目3' , items:[ { 'zysx':'n3','ks':'科室3' }, { 'zysx':'n3','ks':'科室3' }, { 'zysx':'n3','ks':'科室3' } ] } ] View Code 首先要明白什么循环时{{index}}与{{!index}},前者输出序号,后者输出的是boolean 关键代码: <template> <div class="sss"> <a>准备:先外层循环,查看数据格式及{{!index}}和{{index}}的区别</a> <table border="1px solid red;" width="600px"> <tr><th>项目</th><th>注意事项</th><th>科室</th></tr> <tbody> <tr

linux 安装clickhouse

六月ゝ 毕业季﹏ 提交于 2020-08-14 05:32:46
linux 安装clickhouse https://www.cnblogs.com/change4now/p/11443882.html https://blog.csdn.net/weixin_34248487/article/details/91636006 https://blog.csdn.net/otmqixi/article/details/81564515 https://www.cnblogs.com/tsxylhs/p/7837707.html https://blog.csdn.net/zwq_zwq_zwq/article/details/80791226 安装yum: https://blog.csdn.net/qq805934132/article/details/82901568 wget http://mirrors.163.com/centos/7/os/x86_64/Packages/python-iniparse-0.4-9.el7.noarch.rpm wget http://mirrors.163.com/centos/7/os/x86_64/Packages/yum-metadata-parser-1.1.4-10.el7.x86_64.rpm wget http://mirrors.163.com/centos/7/os/x86_64

JavaScript图形实例:Koch曲线

烂漫一生 提交于 2020-08-14 04:47:50
Koch曲线的构造过程是:取一条长度为L0的直线段,将其三等分,保留两端的线段,将中间的一段改换成夹角为60度的两个等长直线;再将长度为L0/3的4个直线段分别进行三等分,并将它们中间的一段均改换成夹角为60度的两段长为L0/9的直线段;重复以上操作直至无穷,可得以一条具有自相似结构的折线,如图1所示。 图1 Koch曲线的生成 Koch曲线采用递归过程易于实现,编写如下的HTML代码。 <!DOCTYPE html> <head> <title>Koch曲线</title> </head> <body> <canvas id="myCanvas" width="600" height="400" style="border:3px double #996633;"> </canvas> <script type="text/javascript"> var canvas = document.getElementById('myCanvas'); var ctx = canvas.getContext('2d'); var maxdepth =5; var curdepth = 0; ctx.lineWidth = 2; Koch({x:50,y:150},{x:550,y:150},Math.PI/3); function Koch(p1,p2,angle) {