加载中
图片滑动-兼容手机与pc端

查看js效果 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1....

03/12 15:19
5
canvas-颜色选择器

实现目标:在画布上嵌入一个图片,鼠标在图像上移动的时候显示鼠标所在位置颜色信息 实现方法: (1)创建一个图片对象 (2)图片对象加载完成时,执行获取颜色信息的函数 (3)颜色信息的函...

03/04 13:45
9
canvas动画-跟着鼠标移到的小球

小球可以跟着鼠标移到,点击小球时会按既定的坐标移到小球(不再跟着鼠标移到),鼠标移出canvas,此时动画停止,鼠标进入动画时动画开始 <canvas id="canvas" width="600" height="300" sty...

02/26 13:24
15
Canvas基本动画-循环全景照片

这是MDN上面的一个的例子,展现一个自左向右滑动的全景图,例子中采用的图片是一个尺寸大于canvas的图片 <canvas id="canvas" width="800" height="200" style="background:#f2f2f2"></canv...

02/22 10:50
10
Canvas基本动画-太阳系的动画

动画的基本步骤 1、清空canvas 除非接下来要画的内容会完全充满canvas(例如背景图),否则你需要清空所有,最简单的方法是使用clearRect方法 2、保存canvas状态 如果你要改变一些会改变canva...

02/20 13:24
9
canvas之clip使用

裁切路径和普通的canvas图形差不多,不同的是它的作用是遮罩,用来隐藏路径以外的部分。 clip() 将当前正在构建的路径转换为当前的裁剪路径,默认情况下,canvas有一个与它自身一样大的裁切路...

02/19 11:04
1
Echart图表X轴为时间轴的解释

绘制Echart图表,一般情况下x轴type: 'category',但有时候也用到type: 'time', 这两者的主要区别是,当为时间轴时,不需要指定xAxis 对象的data,时间轴显示的Label 是series对象里面的val...

01/30 15:54
20
如何在静态页面上使用markdown排版

”Markdown是一种轻量级标记语言,创始人是约翰·格鲁伯(John Gruber)。它允许人们 “使用易读易写的纯文本格式编写文档,然后转换成有效的 HTML 文档。”,转换成html最方便的方式是用插件...

01/11 16:22
14
单行多行文本溢出显示的省略号

<div style="" class="clearfix"> <div class="singleLineEllipsis">单行文本溢出做处理简单的多,单行文本溢出做处理简单的多。</div> <div class="multipleLineEllipsis"> 多行文本溢出做处...

01/09 09:14
7
Jquery如何删除table里面checkbox选中的多个行与多个列

一、删除多行 HTML <table id = "test_table"> <tr><td><input type="checkbox" name="test"></td><td>11</td><td>2111</td><td>3111</td></tr> <tr><td><input type="checkbox" name="test"...

01/08 14:14
6
设置父元素透明度不影响子元素透明度

最近做一个加载的loading动画,有一个灰色的遮罩层,当设置opacity透明度的时候,发现里面的子元素也继承了父元素的透明度,即使子元素透明度设置为1也是在父元素的基础上设置的。有什么办法...

01/07 09:26
9
Echart4 渐变色使用方法

在使用echarts绘制图表时, 如果需要使用渐变色, 则应使用echarts内置的渐变色生成器echarts.graphic.LinearGradient <div id="barchart1" style="height:350px;"></div> <script type = "tex...

2018/12/29 09:27
12
Canvas之使用图片

canvas有比较强的图片操作能力。可以用于动态的图像合成或者作为图形的背景。浏览器支持任意格式如PNG、GIF、或者JPEG,你甚至可以将同一个页面中的其他canvas元素生成的图片作为图片源(toDa...

2018/12/13 14:09
13
Transform 的简单理解

canvas里面的transfrom与css3中的基本是一样的,唯一的不同是原点,canvas的默认原点是图形的左上角,css3是图形的中心, translate(x,y)方法 是用来移动canvas和它的原点到一个不同的位置,...

COS
2018/12/07 12:17
11
Canvas多列表文字的显示

把网页中的多个li的内容显示到canavas的方法 <body> <ul style="display:none"> <li>this is the first line</li> <li>this is the second line</li> <li>this is the third ......

2018/11/30 09:23
9
修改npm全局安装的位置

不小心删除了C:\Users\Administrator\AppData\Roaming\npm 的Roaming下面的npm ,然后npm安装怎么都无效,这时候把npm 与npm-cache都删除再重新安装node js就好了(安装nodejs的时候选第四个)...

npm
2018/11/29 16:46
15
Canvas 的save()与 restore()的详细介绍

save()和restore()是用来保存和恢复canvas状态的,都没有参数。 Canvas的状态就是当前画面应用的所有样式和变形的一个快照。 Canvas状态存储在栈中,每当save()方法被调用后,当前的状态就被...

2018/11/29 16:37
6
canvas之文字换行

当canvas的宽度不够宽时,canvas不会自动换行,可以用下面的代码处理 <body> <canvas id="canvas" width="200" height="200" style="background:pink;"></canvas> <script> function draw() ...

2018/11/27 15:26
11
解决bootstrap-table-fixed-columns.js显示列与隐藏列按钮切换表格不对齐

<table class="table-striped table-hasthead nowrap" id="tableTest1" data-search="true" data-show-columns="true" data-fixed-columns="true" data-fixed-number="3"> </table> 含有dat...

2018/11/15 13:44
67
css 总结2

1、背景有关 (1)background-origin:border-box、padding-box、content-box //默认是padding-box (2)background-image: url(img_flwr.gif), url(paper.gif); (3)background-position: ...

没有更多内容

加载失败,请刷新页面

返回顶部
顶部