摘要: 复杂的内容都是有简单的线条结合而成的,想要绘制出复杂好看的内容先从画直线开始 canvas绘制直线先认识几个函数 beginPath();开始一条路径,或重置当前的路径 moveTo(x,y);用于规定直线的起点坐标 lineTo(x,y);用于规定直线的终点坐标 closePath();方法创建从 阅读全文
posted @ 2018-06-22 18:29 雨筠 阅读(619) 评论(0) 推荐(0) 编辑
摘要: canvas的width、height于css样式中的宽高对画布的内容显示是有所区别的 1、在canvas标签下调用他的width和height,而且是没有单位的宽高,这种指定canvas大小的方法也是w3c的标准,如下: 运行代码效果如下,为对角线 使用style时图像会被拉伸(变形) 运行效果 阅读全文
posted @ 2018-06-22 15:56 雨筠 阅读(808) 评论(0) 推荐(0) 编辑
摘要: 原理: 鼠标在小图片上移动时,通过捕捉鼠标在小图片上的位置,定位大图片的相应位置; 放大镜的移动方向和大图片的移动方向:横向和纵向都是相反,才可以保证同步; 需要元素:大图和小图,存放大图和小图的容器,一个放大镜 技术点: 鼠标事件的捕获:onmouseover(进入)、onmouseout(移除) 阅读全文
posted @ 2018-06-22 11:49 雨筠 阅读(276) 评论(0) 推荐(0) 编辑