demo地址:https://jsfiddle.net/02dLn15g/5/ GitHub地址:https://github.com/szimek/signature_pad 配置项: dotSize default = (minWidth + maxWidth/2) //number或函数(取返回值),作用为点击画布的时候,绘制一个半径为dotSize的圆 //注意事项,从input 获取的值为string,而dotSize 为数值,如果通过input设置画笔大小,需要转number,不然就…
<!DOCTYPE html><html ><head> <meta charset="UTF-8"> <title>第一个H5页面</title></head><body> 2018年4月3日 </body> </html > H5的语法结构(与以前版本的比较): ◆ 标题不区分大小写: ◆ 元素可以省略结束标签(体现H5的宽容性): ◆ 允许省略属性的属性值: 如…
用非JS方法打开一个新页面,主要防止客户端禁止浏览器JS以后的跳转失效 <meta http-equiv="refresh" content="0; url=https://www.baidu.com"> 很明显这是一个放在头部位置的代码,0代表自动刷新时间,url代表重新定向要打开的网页 注意的地方:分号和引号,还有URL要把HTTP://带上,不然跳转的只会是你网站根目录下的URL: 代码可以用在哪里? 放当前页面就不用说了,很明了: 我们可以用在会…
pl-drag-template Github地址:https://github.com/livelyPeng/pl-drag-template 前言 想必你一定使用过易企秀或百度H5等微场景生成工具制作过炫酷的h5页面,除了感叹其神奇之处有没有想过其实现方式呢?本文从零开始实现一个H5编辑器项目完整设计思路和主要实现步骤,并开源前后端代码.有需要的小伙伴可以按照该教程从零实现自己的H5编辑器.(实现起来并不复杂,该教程只是提供思路,并非最佳实践) 一个h5可视化编辑器种子, 高仿凡科建站模板.…
今天在做H5页面放在其他手机上面都可以刷出列表,但是就是放在华为手机上面刷不出来,怎么想都想不通,后面主管说华为手机的浏览器是严格遵守H5什么鬼东西的,然后其他浏览器做到比较好的,如果有报错就帮我们解决了,所以页面能正常展示.然后就把代码丢到IE浏览器去运行,发现了报错 就是这行报错,这个是智能提示框里面的代码,也是我从网上粘过来的.仔细一看,发现他这个不是普通的单引号 然后百度了一下:https://segmentfault.com/q/1010000008876108?_ea=1764027…
摘要:初略算了算大概有20天没有写博客了,原本是打算1月1号元旦那天写一个年终总结的,博客园里大佬们都在总结过去,迎接将来,看得我热血沸腾,想想自己也工作快2年了,去年都没有去总结一下,今年势必要总结一番了,但是工作任务有点紧,就把这件事搁置起来了,只好推到来年收假去写一篇总结性的博客了,说起写博客,还是我的一个室友推荐我来写的,当时就觉得上班任务都做不完,哪有时间来写博客,后来发现自己有问题就去找别人的博客来解决,就想着自己也写博客,把自己不知道或者有经验的记录下来,一方面以后遇到同样的问题可…
canvas是写在body中的标签,设置宽高后,通过JS来往其中绘制想要的内容, canvas可以理解为一个画板,而JS就是你的画笔. 1.获取到画布 var canvas = document.getElementById("canvas"); 2.getContext() 方法可返回一个对象,该对象提供了用于在画布上绘图的方法和属性. var cxt = canvas.getContext("2d") 绘制文字 1.先设置字体样式 cxt.font = &quo…
最近需要找一个生成api文档的工具,找来找去发现mkdocs特别符合需求. 部署只需python和pip 直接生成静态html 用markdown编写 不需要再markdown里指明日期.标题等信息 只用一个yaml文件配置站点信息 可以生成导航栏.目录 可以搜索,但是似乎只支持英文 支持主题 这么好的工具哪里找,嗯,这里:https://github.com/mkdocs/mkdocs…
//填充画布,五位随机数 drawNumber(): void { this.clearCanvas(); let ctx: CanvasRenderingContext2D = this.myGraph.nativeElement.getContext("2d"); ctx.shadowBlur = 200; ctx.shadowColor = "black"; ctx.font = "italic 20px Verdana"; ctx.tex…
webview.getSettings().setTextZoom(100);WebView加上这个设置后,WebView里的字体就不会随系统字体大小设置发生变化了. https://segmentfault.com/q/1010000006068362?_ea=1015158…