- 博客(5)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 js操作svg旋转
在我的某个项目开发中，需要监听对一些svg图形的手势操作旋转事件，然而使用hammer.js监听手势进行旋转并不理想。默认旋转和放缩事件都是监听的双指操作，如果想要单纯地进行旋转而不放缩，这样显然是不好，如果只监听一个手指做画圆动作来进行旋转，因为弧度的问题，很难掌握平稳的旋转速率，而且最大的问题是不能精确的控制想旋转的角度，所以这里单独抽出旋转事件，以一个刻度尺上小组件的单方向移动来平稳的控制旋转
2016-03-30 19:47:00
6018
1
原创 JS操作SVG模拟水滴分离、融合效果
很多的App应用下拉刷新使用拉拽圆的动态效果来表示下拉过程，很富有表现性；还有QQ的消除红点的过程等，都使用到了这种类似水滴融合的效果。这种变化的实质是绘制两个圆，然后在两个圆之间利用贝塞尔曲线来描绘弧形，在两个圆的距离随着拖动发生改变时，通过计算数学公式动态地更改曲线的弧度，从而使整个变化过程看起来更加协调。下面粗略模拟一下这个过程，如果想要更加完美的表现，需要经过精确的计算得出更准确的公式，这里
2016-03-23 22:52:52
4509
原创 js操作svg整体缩放
首先我们先创建一个svg整体布局，代码如下：<!DOCTYPE html><html><head> <title>js操作svg实现整体缩放</title> <meta charset="utf-8"></head><body> <svg id="svg" style="background:#FAFAFA;"> <g id="svgPanel">
2016-03-11 13:34:29
5315
1
原创 使用Hammer.js操作svg
hammer.js 是一个支持多手势操作的库，可以绑定dom元素，同时监听单击、双击、放缩、长按、滑动、旋转等事件。官网地址： https://hammerjs.github.io/在我参与的某个项目开发中，需要实现对svg图形的绘制以及各种手势操作的监听，使用 hammer.js 很大程度的提高了开发的效率。首先在html中加入svg:<!DOCTYPE html><html><head>
2016-03-10 10:13:45
1384
原创 JS 连续等号赋值问题
JS 连续等号赋值问题最近在GitHub上发现一个很让人费解的问题，如下：var foo = {n: 1};var bar = foo;foo.x = foo = {n: 2};console.log(foo.x); // undefinedconsole.log(bar); // Object {n: 1, x: {n:2}}运行结果显示 foo.x 的值为 undefined，ECM
2016-03-08 16:53:19
2849
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人