web前端

SVG简介

SVG全称:Scalable Vector Graphics,可伸缩矢量图形 SVG既是一种文本格式,也是一种XML语言。每个SVG图像都是使用与HTML类似的标记定义的。 SVG代码可以直接包含在Html中,也可以动态插入到DOM中。 > 支持除IE8及其之前版本外的所有浏览器。 > 因为SVG同时是一种XML语言,所以,要记得关闭元素 创建SVG画布 创建了一个SVG元素后,可以将这个元素想象成一张画布,然后我们可以在这张画布画上各种各样的东西。既然是画布,首先自然得有画布的大小。 如此就创建了一副宽100px、高100px的画布。单位默认为px,可以指定其它单位,如em、pt等。 在画布上画一个简单的圆 有了画布后,我们就可以在画布上画画了。但与普通的画画不同,我们不是用笔去画,而是指挥电脑去画。那如果我要在画布上画一个圆,

  • zgljl2012
3 min read
web前端

【Three.js】1-1-创建一个旋转的立方体

概述 Three.js是一个前端的3D渲染库。 效果展示: 首先请大家想想一下自己照相的时候,我们抓着手机(考虑现在摄像头已经是手机标配了,且手机比摄像机普遍,故以手机为例),我们在屏幕里看到了现实世界的真实场景,这是将3D世界显示在了2D屏幕上。我们使用Three.js开发3D应用时,就需要基于这个最简单的场景来进行开发。 好了下面开始我们的第一个例子 —— 在网页中创建一个旋转的立方体。 第一步先来创建我们的网页结构,如下: My first Three.js app

下面我们的所有代码都写在第二个Script

  • zgljl2012
5 min read
zgljl2012@gmail.com