240 发简信
IP属地:浙江
  • 20180710-Webpack

    Webpack 20180710 本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理...

  • JS自定义事件

    2018年2月28日 背景 业务开发中遇到JS消息没被成功接收的问题。顺带复习一下 JS 事件。 为实现不同模块间的消息传递,我最初使用的是 jQuery trigger 和...

  • JS全屏事件

    2018年1月29日 方案 监听 resize 事件,当width和height恰好等于屏幕的长宽时候,就认为是全屏。 此刻添加 scaleX scaleY 参数,平铺拉伸到...

  • ThreeJS 学习笔记

    去掉图片大小检测的warnning texture.minFilter = THREE.LinearFilter; 链接 释放内存 componentWillUnmount ...

  • 120
    Canvas 交互

    2017年12月28日 背景 canvas 是一张画布,仅有一个DOM元素,浏览器没有内置多余的API,所有的交互需要开发直接实现。 几何计算 规则的几何形状,如矩形、圆形等...

  • 120
    drawImage() 的锯齿问题

    2017年9月5日 背景 遇到 Canvas 使用 drawImage() 绘制图形出现锯齿严重的问题。 drawImage() drawImage() 方法在画布上绘制图像...

  • 120
    模拟 Odemeter 的 Canvas 翻牌器

    2017年8月8日 一、思路 对比 odemeter.js 方式。 弊端:生成了太多 DOM。性能瓶颈。 初始方案: 使用数张临时canvas来获取每位数上的当前绘制位置 思...

  • 120
    D3力导向图

    2017年5月8日 一、背景 力导向图非常适合于渲染关系型信息图。 二、什么是力导向图(Force-directed)? 我们可以把整张 Network 想象成一个物理仿真系...

  • Canvas 粒子线条动效

    2017年5月11日 一、动效描述 ​许许多多不同颜色、不同形状的图形在画布中随机运动,彼此的连线随着距离远近而变化。当点击画布上某一个图形时,所有该图形的同类图形都以它为中...

  • 120
    css3模拟行星环绕恒星旋转的动效

    2017年5月11日 一、描述 模仿行星绕着恒星旋转的动效 二、原 SVG 方案 一开始我选择使用了 SVG 方案去完成这个动效: 椭圆轨道使用 标签绘制,行星小球使用 ...

  • 120
    绘制平滑曲线背后的故事

    2017年7月28日 一、背景 绘制趋势图时,曲线有“锯齿感”,不够顺滑、优美。亟待优化之。 二、回顾绘制过程 1. 根据数据,转化成画布上的 X,Y 坐标; 2. 描点; ...

  • threejs初探

    一,组成 scene-主容器material&texture -贴图geometryobjectlightrenderer&shaderloader 二, 语法 var sc...

  • svg z-index 问题(没找到非常有效的答案)

    综述:涉及 svg 的元素似乎对于 z-index 无效。 背景:涉及 svg 元素,使用了 svg 遮罩 clip-path,想要的元素(一朵动态飘荡的云朵)被上层元素(...