parseFloat() 函数可解析一个字符串，并返回一个浮点数。看清楚说明是操作字符串，如果是数值类型parseFloat([],x)会失去效果。

正确的用法：parseFloat().toFixed(x)

x:parseFloat((x-box.left) * (canvas.width/box.width)).toFixed(2),
y:parseFloat((y - box.top) * (canvas.height / box.height)).toFixed(2) 

												


											
parseFloat()为什么没有效果的更多相关文章
	

    
								
  1. 关于Mongodb的全面总结
		
    MongoDB的内部构造<MongoDB The Definitive Guide> MongoDB的官方文档基本是how to do的介绍,而关于how it worked却少之又少,本 ...
    
		
    2. 
						
  2. javascript的缓动效果
		
    这部分对原先的缓动函数进行抽象化,并结合缓动公式进行强化.成品的效果非常惊人逆天.走过路过不要错过. 好了,打诨到此为止.普通的加速减速是难以让人满意的,为了实现弹簧等让人眼花缭乱的效果必须动用缓动公 ...
    
		
    3. 
						
  3. Javascript动画效果（三）
		
    Javascript动画效果(三) 前面我们已经介绍了速度动画.透明度动画.多物体运动和任意值变化,并且我们在Javascript动画效果(二)中介绍到我们封装了一个简单的插件雏形,接下来我们对前面的 ...
    
		
    4. 
						
  4. Javascript动画效果（二）
		
    Javascript动画效果(二) 在前面的博客中讲了简单的Javascript动画效果,这篇文章主要介绍我在改变之前代码时发现的一些问题及解决方法. 在前面的多物体宽度变化的例子中,我们给其增加代码 ...
    
		
    5. 
						
  5. 原生js动画效果（源码解析）
		
    在做页面中,多数情况下都会遇到页面上做动画效果,大部分都是用jquery来实现动画,今天正好看到一篇原生js实现动画效果的代码,特分享在此. 原文地址:http://www.it165.net/pro ...
    
		
    6. 
						
  6. javascript效果：手风琴、轮播图、图片滑动
		
    最近都没有更,就来几个效果充实一下. 都没有进行美化这步. 手风琴: 纯css: <!DOCTYPE html> <html lang="en"> < ...
    
		
    7. 
						
  7. 纯js和纯css+html制作的手风琴的效果
		
    一:纯css+html的手风琴效果 这种用css写的手风琴比较简单,主要是应用到css中的,transition属性. 代码如下: <!DOCTYPE HTML> <html> ...
    
		
    8. 
						
  8. 新买了ipad，在ipad上面看见的一个效果，pc上应该也见过，但是还是ipad上面有印象，如果是弹性运动就最好了
		
    新买了ipad,在ipad上面看见的一个效果,pc上应该也见过,但是还是ipad上面有印象,如果是弹性运动就最好了 <!DOCTYPE html> <html> <hea ...
    
		
    9. 
						
  9. javascript学习-原生javascript的小特效（多个运动效果整理）
		
    以下代码就不详细解析了,在我之前的多个运动效果中已经解析好多次了,重复的地方这里就不说明了,有兴趣的童鞋可以去看看之前的文章<原生javascript的小特效> <!DOCTYPE  ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. IDEA添加配置文件到classpath
			
    突然发现有一种简单的办法: IDEA 的 Mark Directory as 右键项目中的一个文件夹,会出现目录[Mark Directory as]选择[Resources Root] 实现下面原文 ...
    
			
    2. 
						
  2. PHP 公共方法分享180628
			
    查看php 类的详情:方法.常量.属性( type(new \Illuminate\Http\Request());) /** * fixme 打印类详情 * @param $class object ...
    
			
    3. 
						
  3. Android studio preview界面无法预览，报错render problem
			
    1.查看报错信息,如果有报错,该叹号应为红色,点击查看报错,显示为render problem 2.打开res/styles.xml修改为如图,添加Base. 3.再打开preview界面
    
			
    4. 
						
  4. 前后端分离之vue2.0+webpack2 实战项目 -- html模板拼接
			
    对于前后端分离,如何把一个页面的公共部分比如head, header, footer, content等组合成一个完整的html 是一个值得考虑的地方. 对于php,我们可以利用include加载其他 ...
    
			
    5. 
						
  5. 让自己的网站实现在线编辑office文档
			
    我们可以通过Office Web Apps(OWA)来实现在线编辑word,excel,power point, one note,并集成到自己的网站里去.   1 准备工作 1.1 操作系统 安装了 ...
    
			
    6. 
						
  6. 51nod 1081 子段求和（线段树 | 树状数组 | 前缀和）
			
    题目链接:子段求和 题意:n个数字序列,m次询问,每次询问从第p个开始L长度序列的子段和为多少. 题解:线段树区间求和 | 树状数组区间求和 线段树: #include <cstdio>  ...
    
			
    7. 
						
  7. yii2记录
			
    yii2的gridview使用大全 --- 18个问答 Yii2中多表关联查询(hasOne.hasMany.join.joinwith) Yii2.0 RESTful API 之速率限制(包含res ...
    
			
    8. 
						
  8. LaTex in Markdown
			
      上次写了Markdown,这次用到了LaTex,也出一期(吐槽,工作量比Markdown高太多...) Markdown基础:https://www.cnblogs.com/dotnetcrazy ...
    
			
    9. 
						
  9. nuxt.js实战之开发环境配置
			
    一.创建项目 1.使用如下命令生成项目 vue init nuxt-community/starter-template testPro --testPro为项目名称 2.进入到项目根目录下,使用np ...
    
			
    10. 
						
  10. CSS解决文字超出显示省略号问题
			
    超出一行 white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 超出多行 overflow: hidden; text-ove ...
    
			
    11.