Damys

效果图： 字母 :

拖放drag,drop p{ color:#666; font-size:14px; line-height:20px;} #div1{ width:230px; height:80px; padding:10px; border:1px solid #666;} <!-- 1.设置元素为可拖放：draggable="true" 2.拖动什么--ondragstart（调

方法 描述 save() 保存当前环境的状态 restore() 返回之前保存过的路径状态和属性 createEvent()   getContext()   toDataURL()

什么是SVG？ SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用于定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失 SVG 是万维网联盟的标准 SVG 的优势 与其他图像格式相比（比如 JPEG 和 GIF），使用 SVG 的优势在于： SVG 图像可通过文

Canvas 和 SVG 都允许您在浏览器中创建图形，但是它们在根本上是不同的。 SVG SVG 是一种使用 XML 描述 2D 图形的语言。 SVG 基于 XML，这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事件处理器。 在 SVG 中，每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化，那么浏览器能够自动重现图形。

CSS3里的column系列属性提供了各种不同的功能，通过组合使用它们，你能得到相应的任何分栏式布局： column-count: 列数目 column-gap: 各列之间间隙宽度 column-width: 建议宽度；未必会使用，浏览器基于此数值进行计算 column-rule-width：列之间分割线宽度 column-rule-style：列之间分割线风格 column-rule-color

scoped。style标记上新出现的这个scoped属性可以让CSS样式只对局部元素生效，具体说，就是存放这段style样式的元素的子元素生效

CSS: @-webkit-keyframes spin { from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);} } @-moz-keyframes spin { from {-moz-transform: rotate(0deg);} to {-

效果图： 使用border-radius，你可以画出各种漂亮的圆形图案 CSS .circle { border-radius: 50%; display: inline-block; margin-right: 20px; } #circle1 { width: 200px; height: 200px; backgrou...

CSS: Html:

显示效果图： hover后效果图：

暂不支浏览器：FF,IE...希望后