-
- SVG(可缩放矢量图形)图片添加、高斯模糊、渐变与g标签
- 今天主要谈一下SVG的特殊效果 其实和canvas都是差不多的,只不过是利用XML标签 用的不是很多但是以防以后万一用到还是整理一下图片添加svg中也可以添加图片 注意这里
- H5教程 . web前端 2905 2017-02-27 15:18:49
-
- SVG(可缩放矢量图形)虚线相关属性与线条动画原理:一条会动的线
- SVG可以实现非常酷炫的线条动画甚至是这样的网页 传送门我们可以先来实现一个简单的SVG线条动画 像这样不要着急,在此之前我们需要先了解一些属性值虚线属性虚线属性包括两个stroke-dasharray与stroke-dashoffsetstroke-dasharray大家来看下面的例子 <pat
- H5教程 . web前端 3895 2017-02-27 15:16:59
-
- SVG(可缩放矢量图形)绘制工具Method Draw
- 给大家介绍一个制作svg的工具 当我们在网页上要绘制一个非常复杂的svg图片的时候 可以借助于Method Draw工具进行绘制 绘制完毕后可以导出为代码拷贝到我们的项目当中 不需要下载,这是一个网页工具 工具地址:传送门 虽然这个网页bug很多 不过这依然是一个不错的工具画布点击画布,在页面的右侧我们可以调整画布属性点击属性,滚动滑轮可以微调 或者直接双击修改属性值工具栏左侧工具栏
- H5教程 . web前端 4643 2017-02-27 15:13:31
-
- SVG(可缩放矢量图形)视区盒属性viewbox与preserveAspectRatio
- SVG除了width和height这两个基本的宽高设置属性 还有两个更高级的属性 viewbox与preserveAspectRatio视区盒viewbox是svg标签上的属性 看下面的例子 rect { fill: red;}
- H5教程 . web前端 2477 2017-02-27 15:08:30
-
- SVG(可缩放矢量图形)基本图形绘制方法与path路径命令
- SVG(Scalable Vector Graphics)可缩放矢量图形 用于描述二维矢量图形的一种图形格式 它不是HTML5新增的 很早之前它就出现了 相比于canvas,它更适合作一些小图标icon等等 它的优点就是无论怎样放大,都不会模糊 canvas是js动态绘图,而svg是XML文档来描述绘图 svg-icon网址:传送门 下面我们来看一下如何使用svg绘图创建svg和ca
- H5教程 . web前端 3704 2017-02-27 15:05:53
-
- JCanvas库 开发接口
- 最新动态:/content/10088155.html把以下内容复制到文本文档中,另存为JCanvas.js/** * @author 智圆行方 *//** * DisplayObject 类 * 可视对象(抽象) * 所有的可视对象均继承于此类 * 定义了所有可视对象最基本得五项属性 */function DisplayObject() { this.x=0;//横坐标
- H5教程 . web前端 2855 2017-02-25 13:14:14
-
- 用protractor测试canvas绘制(二)
- 上一篇写了通过webdriver在浏览器环境下异步调用js代码。今天进入正题。其实有了executeAsyncScript,一切就呼之欲出了。直接上代码:var compareImage=function(){ return function(){ eval(arguments[0]); var canvasBase64=arguments[1]; var expectBa
- H5教程 . web前端 1518 2017-02-25 13:12:05
-
- 用protractor测试canvas绘制(一)
- protractor是angular那帮人搞得一个e2e的测试框架,本质上是用的webdriver。测试canvas,主要就是图像的比较,搜了搜,没有找到太好的nodejs库,所有还是用之前用过的resemblejs。resemblejs用了Image和Canvas,所以是不能直接在nodejs里用的。github上有个人搞了个node-resemble,但是用到了一
- H5教程 . web前端 1768 2017-02-25 13:10:59
-
- HTML5.1 里的新东西
- HTML5.1概览两年前HTML5标准的发布对于web开发社区来说是一件大事。不仅是因为它包含了一系列让人印象深刻的新特性,还因为它是1999年发布的HTML4.01标准以后,对...
- H5教程 . web前端 1493 2017-02-25 13:08:17
-
- canvas实践小实例二 —— 扇形
- 俗话说:发图不留种,菊花万人捅!我这里想延伸一下:教学不给例,说你是傻逼!哎呀,还挺押韵,嘻嘻,开个玩笑!我们都讲了四期API的知识了,估计大家看的也是枯燥的很啊,前面的小实例也是太简单,简直不解渴啊,但是也不能一口气就吃成一个胖子,下面再给大家来一个小实例,给大家提提神!前面在讲画圆的时候,给大
- H5教程 . web前端 2475 2017-02-25 11:59:19
-
- canvas API ,通俗的canvas基础知识(六)
- 这篇是canvas API系列的首尾之作,这篇以后,所有的canvas的属性和方法就将完了,哦,不对,应该是大部分常用的,还有部分不常用的属性和方法,因为种种原因,就不介绍了,后期的重点就是多写一点canvas的实践小实例了,恩,我觉得这才是最实用的,俗话说一例抵千言啊,废话不多说,我们来看看剩下的一些属性和
- H5教程 . web前端 2068 2017-02-25 11:55:28
-
- canvas API ,通俗的canvas基础知识(五)
- 前几期讲的都是路径图形的绘图,这节我们要讲的是如何在画布上操作图片,因为图形画不了漂亮妹子(画图高手忽略不计),想画美女怎么办?跟我来:想要在画布中插入一张图片,我们需要的方法是这位大侠:drawImage() 在画布上绘制图像,画布或视频这位大侠可谓是武功高强啊,其绝学之多,内力之深,堪称高手
- H5教程 . web前端 1762 2017-02-25 11:50:21
-
- canvas API ,通俗的canvas基础知识(四)
- 今天要讲的内容是canvas的转换功能,前面的内容没用看的同学可以出门右转,先看看前面的基础知识,废话不多说,开始进入正题吧!何为转换功能?熟悉css3的同学都知道,css3里面有transform,translate,scale,rotate,animation等等,这就是css3的转换功能,同样,canvas也支持,但是只是支持部分,那我们来看看,都
- H5教程 . web前端 2254 2017-03-16 13:45:32
-
- canvas API ,通俗的canvas基础知识(三)
- 全文说到了三角形,圆形等相关图形的画法,不熟悉的同学可以出门右转,先看看前文,接下来继续我们的图形——曲线。学过数学,或者是比较了解js 的同学都知道贝塞尔曲线,当然,在数学里面,这是一门高深的学问,js里面的贝塞尔曲线一般是用来做动画的,其实别的地方也有体现,比如说Photoshop
- H5教程 . web前端 1781 2017-03-16 13:45:17
-
- canvas API ,通俗的canvas基础知识(二)
- 上文我们讲到了画一条线,画矩形,写文字,总算是有了一个好的开头,如果还没有看的同学出门左转,先看看那篇,这里就不多做叙述了,接下来我们看比较复杂的一些属性和方法!讲之前呢,我还是想温习一下,毕竟上文还有几个属性没有讲到,那我们从画三角形开始吧!如果看了上文,机智的少年肯定会想到,三角形,多
- H5教程 . web前端 1737 2017-03-16 13:45:23
PHP讨论组
组员:3305人话题:1500
PHP一种被广泛应用的开放源代码的多用途脚本语言,和其他技术相比,php本身开源免费; 可以将程序嵌入于HTML中去执行, 执行效率比完全生成htmL标记的CGI要高许多,它运行在服务器端,消耗的系统资源相当少,具有跨平台强、效率高的特性,而且php支持几乎所有流行的数据库以及操作系统,最重要的是
