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. 微信开发使用webstorm&phpstrom 配置
			
    材料: 下载链接:https://pan.baidu.com/s/1pLn6jFl 密码:fgo5  -----(将其中的wecharCode.jar 下载下来,然后在webStorm 的 File  ...
    
			
    2. 
						
  2. Configure new Nagios clients
			
    安装rpm -Uvh http://dl.fedoraproject.org/pub/epel/6/x86_64/epel-release-6-8.noarch.rpmrpm -Uvh http:// ...
    
			
    3. 
						
  3. Codeforces Round #554 ( div.2 ) 总结
			
    应该经常需要锻炼一下英语阅读理解能力和代码能力,所以以后还是需要多打打CF. 今天大概就是水一水找找感觉. A. Neko Finds Grapes $n$个箱子,$m$个钥匙 ($n,m \leq  ...
    
			
    4. 
						
  4. css- @media   @font-face 的理解
			
    在我的博客园定制的css中有2个之前没有遇到的csss属性@font-face @media @media 在css文件中的使用如下 ` @media screen and (max-width: 1 ...
    
			
    5. 
						
  5. bzoj1226/luogu2157 学校食堂 (状压dp)
			
    我们先约定:(左) 窗口_人人人人人 (右) 可以发现,我们只需要知道最靠左的还没打饭的人 以及它身后7个人的状态 以及上一个打饭的人是谁 因为他左面的就都打过了 右面7个人以后肯定还没打 可以设f[ ...
    
			
    6. 
						
  6. Python3 与 C# 基础语法对比（Function专栏）
			
      Code:https://github.com/lotapp/BaseCode 多图旧版:https://www.cnblogs.com/dunitian/p/9186561.html 在线编程: ...
    
			
    7. 
						
  7. 编写高质量代码:改善Java程序的151个建议 --[65~78]
			
    编写高质量代码:改善Java程序的151个建议 --[65~78] 原始类型数组不能作为asList的输入参数,否则会引起程序逻辑混乱. public class Client65 { public  ...
    
			
    8. 
						
  8. A1064. Complete Binary Search Tree
			
    A Binary Search Tree (BST) is recursively defined as a binary tree which has the following propertie ...
    
			
    9. 
						
  9. （转）java中引用传递和值传递
			
    https://blog.csdn.net/javazejian/article/details/51192130 https://www.cnblogs.com/perfy/archive/2012 ...
    
			
    10. 
						
  10. 关于react-native在MacBookPro环境下的安装
			
    都说欲善其事,必先利其器. 使用macbook写react-native 环境真的非常容易配置 先看效果 然后我们看安装需要的东西 brew install node brew install wat ...
    
			
    11.