meta | 易学教程

HTML5 （四）canvas绘图、WebGL、SVG

阅读更多关于 HTML5 （四）canvas绘图、WebGL、SVG

目录一、Canvas 1.1、创建canvas元素 1.2、画线 1.3、绘制矩形 1.4、绘制圆弧 1.5、绘制图像 1.6、绘制文字 1.7、随机颜色与简单动画二、WebGL 2.1、HTML5游戏开发 2.2.1、Cocos2D-HTML5 2.2.2、Egret（白鹭引擎）三、SVG 3.1、SVG Hello Wrold 3.2、多种引入SVG的方法 3.3、画直线 3.4、画椭圆 3.5、文本与矩形 3.6、向下兼容与图标四、示例下载一、Canvas canvas是HTML5中新增一个HTML5标签与操作canvas的javascript API，它可以实现在网页中完成动态的2D与3D图像技术。<canvas> 标记和 SVG以及 VML 之间的一个重要的不同是，<canvas> 有一个基于 JavaScript 的绘图 API，而 SVG 和 VML 使用一个 XML 文档来描述绘图。SVG 绘图很容易编辑与生成，但功能明显要弱一些。 canvas可以完成动画、游戏、图表、图像处理等原来需要Flash完成的一些功能。、浏览器支持情况如下： 1.1、创建canvas元素 <canvas id="can" width="800" height="600">不支持Canvas</canvas> 以上代码创建了一个宽度为800像素，高度为600像素的canvas

How to have different titles and meta tags for tag pages and index pages of Tumblr themes

阅读更多关于 How to have different titles and meta tags for tag pages and index pages of Tumblr themes

问题 In tumblr themes I found the following blocks for index page and tag pages respectively. {block:IndexPage}{/block:IndexPage} {block:TagPage}{/block:TagPage} But tag pages are taken as subset of index pages, so what i define in index page blocks also appear on tag pages along with whats in tag page blocks. In such case how to define different title and meta tags independently for tag pages and index pages? 回答1: Different titles on tag page: <title>{block:TagPage}Posts tagged {Tag} - {/block

HBase的读写流程

阅读更多关于 HBase的读写流程

本篇博客小菌为大家带来的是关于HBase的读写路程的介绍。读请求流程在介绍之前先为大家科普几个前提! 什么是meta表? meta 表时hbase系统自带的一个表。里面存储了hbase用户表的原信息。什么是元信息? meta表内记录一行数据是用户表一个region的start key 到endkey的范围。 meta表存在什么地方？ meta表存储在regionserver里。具体存储在哪个regionserver里？zookeeper知道。好了,清楚了上面的概念之后,理解起来就会简单很多了。 meta，region之间的关系如下(在HBase0.96版本中已经取消了root表) 具体的流程如下: 1.到zookeeper询问meta表在哪 2.到meta所在的节点（regionserver）读取meta表的数据 3.找到region 获取region和regionserver的对应关系，直接到regionserver读取region数据写请求过程写入的流程与读的流程稍复杂一些 1、Client先访问zookeeper，找到Meta表，并获取Meta表元数据。确定当前将要写入的数据所对应的HRegion和HRegionServer服务器。 2、Client向该HRegionServer服务器发起写入数据请求。 Client先把数据写入到HLog，以防止数据丢失。

Javascript change meta values

阅读更多关于 Javascript change meta values

问题 I'm currently working with google plus button. The values return by google plus is based on what is included at the meta on my head tag And I have a list to be submitted using g+1 but it is under the tags that's why I can't update what is going to be posted on google plus these are my codes <meta itemprop="name" content="<?=$content?>"> <meta itemprop="description" content="<?=$description?>"> <meta itemprop="image" content="http://mysite/image.png"> below those lines are <div> content to

聊聊 Vue 中 title 的动态修改

阅读更多关于聊聊 Vue 中 title 的动态修改

由于之前的 Vue 项目打包成果物一直是嵌入集成平台中，所以一直没有关注过项目的 title。直到最近，突然有个需求，要求点击按钮在集成平台外新开一个页面，此时我才发现，原来我的项目的 title 一直是万年不变的 vue-project 。理所应当的，这个问题被测试爸爸提了一个大大的缺陷。犯了错的我赶紧解决这个问题，但是经过一段时间的摸索，我却发现，这一个小小的问题，却有着很多不同的解法。首先，毫无疑问的是，我们应该使用 document.title 方法通过 DOM 操作来修改 title 的值。此时，距离解决问题还差两步：如何传递 title？何时修改 title？ ps：很多人提到过在微信或者一部分 IOS webview （下文一律以微信指代）中无法通过 document.title 方法修改 title 的值，这个问题的解决方案在文末的彩蛋中会提及。 title 的传递接下来进入第一个重点：title 的传递。根据传递 title 值的方式，分为两种方案：全局变量传递路由传递何为全局变量传递？全局变量传递指的是所有页面维护同一个全局变量，切换页面对其重新赋值，最常见的方法是使用 Vuex，当然，如果你要使用 this.$root 甚至丧心病狂地想要使用 provide/inject 一样可以达到类似的效果。路由传递的方法就比较容易理解了

前端学习（181）:表单扩展二

阅读更多关于前端学习（181）:表单扩展二

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>表单属性扩展</title> </head> <body> <form action="https://www.baidu.com">  <input type="text" name="username" autocomplete="off" autofocus required pattern="[a-z]"> <input type="submit"> </form> </body> </html> 运行结果来源： CSDN 作者：你知道歌谣吗？链接： https://blog.csdn.net/weixin_43392489/article/details/103643376

前端学习（184）:BFS规范解决margin叠加问题

阅读更多关于前端学习（184）:BFS规范解决margin叠加问题

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>解决margin叠加</title> <style> .div{width: 100px;height: 100px;background: red;margin-bottom: 30px;} .div{width: 100px;height: 100px;background: blue;margin-top: 30px;} .box{overflow: hidden;} </style> </head> <body> <div class="box"> <div class="div1"></div> </div> <div class="box"> <div class="div2"></div> </div> </body> </html> 运行结果来源： CSDN 作者：你知道歌谣吗？链接： https://blog.csdn.net/weixin_43392489/article

前端学习（185）:BFS规范解决margin传递问题

阅读更多关于前端学习（185）:BFS规范解决margin传递问题

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>解决margin传递</title> <style> .div1{width: 200px;height: 200px;background: red;overflow: hidden;} .div2{width: 100px;height: 100px;background: blue;margin-top: 50px;} </style> </head> <body> <div class="div1"> <div class="div2"></div> </div> </body> </html> 运行结果来源： CSDN 作者：你知道歌谣吗？链接： https://blog.csdn.net/weixin_43392489/article/details/103643754

Can I add a meta tag to a particular page that is using templates

阅读更多关于 Can I add a meta tag to a particular page that is using templates

问题 I have a page that uses a template <ui:composition template="/WEB-INF/facelets/templates/clientPage.xhtml"> I was hoping to only render the compatibility view for this particular page using the meta tag <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" /> The tag does not work unless I add it to the root template page. Is there a way I can add it to specific pages that use the template. 回答1: Declare an <ui:insert> in the master template at the desired location: clientPage.xhtml <

How to fit larger layout to a small device screen?

阅读更多关于 How to fit larger layout to a small device screen?

问题 I've got a little issue with meta viewport element. The problem is that my layout min-width is larger than lots of screen resolutions I want to work with. So setting it like <meta name="viewport" content="width=device-width" /> does not help. As result i get the page, that has to be zoomed out to fit to the device width. And if i even add scales like <meta name="viewport" content="width=device-width, initial-scale=0.5, maximum-scale=1" /> it does not work either. Found a hack from Css-tricks

订阅 meta