有种情况,我们需要操作相同的数据,但是又不希望两者出现干扰的情况。比如,angular 中,使用指令绘制图像,双向绑定,当你选中改变数据的显示或隐藏标志时,你其实并不希望它重新绘制,因为它的数据并没有更新改变,但你改变了绑定的数据的一个微不足道的属性值,就会导致其重绘,那怎么办呢,只能再复制出一个相 ...
分类:
其他好文 时间:
2017-04-28 13:51:29
阅读次数:
160
绘制渐变背景图 第一种:大神的想法,摘抄 background-image: -webkit-linear-gradient(left, blue, red 25%, blue 50%, red 75%, blue 100%);使用CSS3的渐变绘制图像,从左到右。需要注意的是颜色是 0到49%的颜 ...
分类:
其他好文 时间:
2017-03-12 21:28:30
阅读次数:
276
HTML画布 HTML5 <canvas> 标签用于绘制图像(通过脚本,通常是 JavaScript)。不过,<canvas> 元素本身并没有绘制能力(它仅仅是图形的容器) - 您必须使用脚本来完成实际的绘图任务。 getContext() 方法可返回一个对象,该对象提供了用于在画布上绘图的方法和属 ...
分类:
Web程序 时间:
2017-03-10 00:47:02
阅读次数:
167
HTML5 <canvas> 标签用于绘制图像(通过脚本,通常是 JavaScript)。 不过,<canvas> 元素本身并没有绘制能力(它仅仅是图形的容器) - 您必须使用脚本来完成实际的绘图任务。 getContext() 方法可返回一个对象,该对象提供了用于在画布上绘图的方法和属性。 本手册 ...
分类:
其他好文 时间:
2017-03-08 19:12:12
阅读次数:
276
利用canvas和javascript,就可以在页面绘制2d图像,但对于3d的图像,目前是无能为力的。要绘制3d图像,就必须使用WebGL。 以我的理解,WebGL是内嵌在浏览器中,在使用时是通过javascript调用浏览器提供的WebGL API,然后在canvas绘图区绘制图像。刚开始接触We ...
分类:
Web程序 时间:
2017-03-06 19:19:02
阅读次数:
237
1、概念 canvas一般就是用来绘制图像的 canvas一般就是用来绘制图像的 2、基本知识 上下文对象 var canvas = doucment.getElementById("canvas"); var ctx = canvas.getContext("2d"); ctx.fillStyle ...
分类:
其他好文 时间:
2017-02-23 15:32:16
阅读次数:
218
1、概念 canvas一般就是用来绘制图像的 2、基本知识 上下文对象 var canvas = doucment.getElementById("canvas"); var ctx = canvas.getContext("2d"); ctx.fillStyle = "color";// 填充样式 ...
分类:
其他好文 时间:
2017-02-21 17:02:41
阅读次数:
171
HTML5 学习总结(四)——canvas绘图、WebGL、SVG 目录 一、Canvas 1.1、创建canvas元素 1.2、画线 1.3、绘制矩形 1.4、绘制圆弧 1.5、绘制图像 1.6、绘制文字 1.7、随机颜色与简单动画 二、WebGL 2.1、HTML5游戏开发 2.2.1、Coco ...
分类:
Web程序 时间:
2016-12-01 21:43:20
阅读次数:
410
HTML 5 Canvas HTML5 拖放 HTML5 SVG canvas 元素用于在网页上绘制图形。 什么是 Canvas? HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。 画布是一个矩形区域,您可以控制其每一像素。 canvas 拥有多种绘制路径、矩形、圆形 ...
分类:
其他好文 时间:
2016-12-01 03:09:05
阅读次数:
760
一、Quartz2D简单介绍 在iOS中常用的绘图框架就是Quartz2D,Quartz2D是Core Graphics框架的一部分,我们日常开发使用的所有UIKit组件都是由Core Graphics进行绘制的 UIKit默认为我们提供了一个图形上下文,在UI控件的drawRect:方法中调用UI ...
分类:
移动开发 时间:
2016-11-15 11:13:33
阅读次数:
258