<!DOCTYPE html> <html> <head> <title>demo1</title> </head> <style type="text/css"> body{ margin:0; } canvas{ width:100%; height:100%; } </style> <body ...
分类：
Web程序 时间：
2020-03-10 15:37:48
阅读次数：
68
1.需要将要转换成图片的区域div放置在body中，且需要display为block； 2.图片跨域的问题：将icon转换为base64 3.截图不全：新版本插件不稳定，建议 <script src="https://cdn.bootcss.com/html2canvas/0.5.0-alpha1/ ...
分类：
Web程序 时间：
2020-03-09 18:14:49
阅读次数：
75
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ...
分类：
其他好文 时间：
2020-03-08 13:57:02
阅读次数：
82
最近将BOM重新复习了一遍，本想使用定时器给女朋友做一个生日倒计时，奈何canvas都忘了。所以模拟了一个京东的秒杀专场倒计时。 各位小伙伴有什么建议和意见，请不吝赐教。 下面是京东首页的截图： 利用BOM提供的setInterval（）方法可以实现这样的一个小功能。 HTML代码： <!DOCTY ...
分类：
Web程序 时间：
2020-03-06 17:55:18
阅读次数：
106
canvas画V var canvas = document.querySelector("canvas"); var ctx = canvas.getContext("2d"); ctx.strokeStyle = "red"; //线粗细 ctx.lineWidth = 10; //线两端弧化 ...
分类：
其他好文 时间：
2020-03-06 09:12:01
阅读次数：
85
canvas柱状图 var arr = [ { id: 1001, price: 100 }, { id: 1002, price: 150 }, { id: 1003, price: 200 }, { id: 1004, price: 70 }, { id: 1005, price: 300 } ...
分类：
编程语言 时间：
2020-03-06 01:36:05
阅读次数：
105
一、了解HTML5 1、什么是HTML5 以前：HTML5就是HTML的第五个版本 但是现在大众理解的HTML5是炫酷吊炸天的特效，那通过以下几种技术组合而成 2、发展史 3、目前支持HTML5的浏览器 4、HTML5的推广网站 二、泛HTML5学习分类 1、HTML5标签 2、CSS3 3、Jav ...
分类：
其他好文 时间：
2020-03-06 01:18:48
阅读次数：
57
基于路径的动画使用PathGeometry对象设置属性。尽管原则上基于路径的动画也能用于修改任何适当数据类型的属性，但当动态改变与位置相关的属性时最有用。实际上，基于路径的动画类主要用于帮助沿着一条路径移动可视化对象。 正如在“【WPF学习】第四十三章 路径和几何图形”学过的，PathGeometr ...
一、html5新特性--canvas绘图-文本(重点) #常用方法与属性 -ctx.strokeText(str,x,y); 绘制描边文字(空心) str:绘制文本 x,y:字符串左上角位置(以文本基线为准) -ctx.fillText(str,x,y); 绘制填充文字(实心) -ctx.font= ...
分类：
Web程序 时间：
2020-03-03 01:15:50
阅读次数：
117
当一个工作表中有多种Shape类型的时候，可以通过Shape.Type属性值返回一个代表形状类型的MsoShapeType数值。通过该数值可知该图形的类型。 列表如下： 名称 值 说明 msoAutoShape 1 自选图形 msoCallout 2 标注 msoCanvas 20 画布 msoCh ...
分类：
编程语言 时间：
2020-03-02 10:51:27
阅读次数：
769
