摘要: 原文来自:http://www.williammalone.com/articles/create-html5-canvas-javascript-drawing-app(已被墙)译文:http://fatkun.com/2011/02/html5-canvas-paint.html我也不打算全部翻译了…大部分也看的懂,就算看不懂,代码也能看懂….o(╯□╰)o原谅我非常懒…很久没写博客了.——————-以下是一个简单的例子————————————-html容器首先,准备个容器,也就是画板了。但是,由于IE部分版本还是不支持HTML5,那我们可以借用exCanvas兼容IE..初始化js代码如 阅读全文
posted @ 2014-01-22 17:19 郑文亮 阅读(14890) 评论(1) 推荐(2) 编辑
摘要: 如果父div的position定义为relative,子div的position定义为absolute,那么子div的style.left的值是相对于父div的值,这同offsetLeft是相同的,区别在于:1. style.left 返回的是字符串,如28px,offsetLeft返回的是数值28,如果需要对取得的值进行计算,还用offsetLeft比较方便。2. style.left是读写的,offsetLeft是只读的,所以要改变div的位置,只能修改style.left。3. style.left的值需要事先定义,否则取到的值为空。而且必须要定义在html里,我做过试验,如果定义在cs 阅读全文
posted @ 2014-01-22 13:24 郑文亮 阅读(734) 评论(0) 推荐(0) 编辑
摘要: 基本概念:1.text-align: 属性规定元素中的文本的水平对齐方式; 该属性通过指定行框与哪个点对齐,从而设置块级元素内文本的水平对齐方式; 一般情况下设置文本对齐方式的时使用此属性。支持值 justify。 Example:div{text-align:left;} //文本居左对齐 注释:所有浏览器都支持 text-align 属性;任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。2.margin 是设置对象四边的外延边距,被称为外补丁或外边距。 Example:div{margin:20px10px30... 阅读全文
posted @ 2014-01-22 11:34 郑文亮 阅读(21848) 评论(1) 推荐(5) 编辑
摘要: Special Layout lefttop leftbottom righttop rightbottom 阅读全文
posted @ 2014-01-22 11:18 郑文亮 阅读(1427) 评论(0) 推荐(0) 编辑
摘要: 实现的效果就是页面内的图片可拖拽到任意位置,并将所在位置保存.下次打开页面依然可见.本文是作demo用,实际开发中,位置的数据应保存到数据库中.好了,开始.1.准备工作.a.jquery(1.7.2),ui,cookie插件,json插件.一些图片(本文是5张).2.页面.上代码1234567接下,先为每个img的父元素增加draggable,并且动态改变id,这样便于记录时减少工作量.当然,先得给它来2个事件,mouseenter,mouseleave.代码如下.1234567891011$("#img_list div").on({mouseenter:function 阅读全文
posted @ 2014-01-22 08:32 郑文亮 阅读(2266) 评论(1) 推荐(0) 编辑