随笔分类 - 前端
html/css/js 的一些记录
摘要:网上很多代码都是关于IE的,使用createTextRange来定位,具体的类似代码是var obj = document.getElementById("textareaId");var txt =obj.createTextRange();txt.moveStart('character',obj.value.length);txt.collapse(true);txt.select();代码网上很多,但是很多都没有明确标识出这个方法只适用于IE浏览器,在chrome和foxfire中是没有效果的,而且会直接跳出。 由于他们都没有明确的表示,让我走了一些
阅读全文
摘要:自从上一次绘制雪花曲线(用javascript绘制雪花(Koch曲线))之后,对简单分形更加喜欢,太复杂的只能欣赏了,简单分形还是决定一个一个的用代码绘制出来,html5中的canvas标签相当方便,本文继续使用javascript + canvas的模式。谢尔宾斯基三角形由波兰数学家谢尔宾斯基在1915年提出。详情见wiki。总体上说来这个三角形比雪花曲线要来的简单,基本思路和雪花曲线类似,所以没有什么难度。图1图1为谢尔宾斯基三角形的变化规律,由于都是正三角形,所以几个点处理起来很方便。图2图2中我们约定了正三角形的三个点分别为P1、P2、P3,中心点的三个点为P4、P5、P6。我们约定:
阅读全文
摘要:图1-1 雪花图形前两天在一个网页上看到了雪花,感觉很漂亮,就搜索了下,发现了这个Koch曲线(大概很多人都早就知道(︸_︸)),看上去很漂亮,简单的分形,简洁的递归,就是美丽的图案。图1-2 维基百科分形条目中的koch(科赫)曲线图例,非常明了。HTML5中加入了canvas标签,可以方便的绘制简单或复杂的图形。canvas的使用比较简单,这次只用到它的画线功能。简单介绍下canvas的使用:var canvas = document.getElementById("cantest"); //获取canvas对象if(canvas.getContext){ //可以通过
阅读全文