2019年8月16日

js定时器（补上8月15日）

摘要： 转载自https://www.cnblogs.com/Renyi-Fan/p/8084923.html js 定时器 1、JS中的定时器有两种： 3、清除定时器： window.clearInterval(timer1)/window.clearTimeout(time1)；两种清除方式都可以清除通 阅读全文

posted @ 2019-08-16 22:05 死磕&到底 阅读(222) 评论(0) 推荐(0)

2019年8月14日

button按钮怎么实现超链接

摘要： 转载自：https://www.cnblogs.com/Renyi-Fan/p/8945820.html 一、总结 1、我的按钮实现超链接是通过button内嵌a标签来实现的 2、表单提交的时候form里面的那个action可以实现跳转 3、多说一点，要给什么元素添加样式不仅可以定义这个元素的sty 阅读全文

posted @ 2019-08-14 20:38 死磕&到底 阅读(13579) 评论(0) 推荐(0)

2019年8月13日

图像裁剪示例

摘要： 概念： 我们在使用Canvas绘制图像时，我们经常会想要只保留图像的一部分，这时我们可以使用Canvas API自带的图像裁剪功能来实现这一想法。此功能是指，在画布内使用路径，只绘制该路径所包括区域内的图像，不绘制路径外的图像。 使用图像上下文对象的不带参数的clip方法来实现Canvas元素的图像 阅读全文

posted @ 2019-08-13 22:06 死磕&到底 阅读(206) 评论(0) 推荐(0)

2019年8月12日

绘制图像

摘要： 概念： 在HTML5中，不仅可以使用Canvas API 画布来绘制图形，还可以读取磁盘或网络中的图像文件，然后使用Canvas API将该图像绘制在画布中。 绘制图形时，需要使用drawImage方法，定义如下： context.drawImage（image,x,y） context.drawI 阅读全文

posted @ 2019-08-12 15:19 死磕&到底 阅读(478) 评论(0) 推荐(0)

2019年8月11日

绘制变形图形

摘要： 概念： 绘制图形的时候，我们，可能经常会想要旋转图形，或者对图形使用变形处理，使用Canvas API的坐标轴变换处理功能，可以实现这种效果。 默认情况下，Canvas画布的最左上角对应于坐标轴的原点（0，0），并且是以一个像素为坐标单位进行绘制的！ 对坐标的变换处理，有以下三种方式： 平移 使用图 阅读全文

posted @ 2019-08-11 15:27 死磕&到底 阅读(405) 评论(0) 推荐(0)

博客园页面源代码结构分析（补上8月10号）

摘要： 引用自https://www.cnblogs.com/Renyi-Fan/p/9046960.html 博客园页面源代码结构分析 目录 目录 博客园页面源代码结构分析 1、页面样例： 2、页面源代码分析： 阅读全文

posted @ 2019-08-11 14:58 死磕&到底 阅读(274) 评论(0) 推荐(0)

2019年8月9日

绘制渐变图形

摘要： 概念： 之前谈过使用canvas API绘制图形,现在介绍其他比较高级的绘制图形知识。 关于填充 使用fillStyle方法除了指定颜色以外，还可以用来指定填充的对象。 应用： 绘制线性渐变 function drawarc() { var canvas = document.getElementB 阅读全文

posted @ 2019-08-09 19:59 死磕&到底 阅读(676) 评论(0) 推荐(0)

2019年8月8日

绘制复杂图形

摘要： 概念： 除了arc方法以外，其他使用路径绘制图形时会使用到的 方法，首先从绘制直线开始 绘制直线时，一般会用到两种方法 一、moveTo 作用是将光标移动到指定坐标点，绘制直线的时候以这个坐标点为起点 moveTo（x，y） 该方法使用两个参数，x表示指定坐标点的横坐标，y表示指定坐标点的纵坐标 二 阅读全文

posted @ 2019-08-08 14:42 死磕&到底 阅读(458) 评论(0) 推荐(0)

深入理解CSS溢出overflow（补上8月7日）

摘要： 转载自：https://www.cnblogs.com/Renyi-Fan/p/9206860.html 深入理解CSS溢出overflow 目录 一、总结 一句话总结：overflow用于对溢出内容的处理。 1、overflow有哪5个常用参数，分别是什么意思？ 二、深入理解CSS溢出overfl 阅读全文

posted @ 2019-08-08 14:24 死磕&到底 阅读(2717) 评论(0) 推荐(0)

2019年8月6日

绘制图形使用路径

摘要： 概念： 在绘制除了正方形或长方形以外的的其他图形，需要使用路径。 步骤： 开始创建路径 创建图形的路径 路径创建完成后，关闭路径 设定绘制样式，调用绘制方法，绘制路径 应用： 代码 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title> 阅读全文

posted @ 2019-08-06 19:27 死磕&到底 阅读(568) 评论(0) 推荐(0)

导航