HTML5中的2D图形绘制技术 Canvas和SVG是HTML5中主要的2D图形技术，前者提供画布标签和绘制API，后者是一整套独立的矢量图形语言，成为W3C标准已经有十多年(2003.1至今)，总的来说，Canvas技术较新，从很小众发展到广泛接受，注重栅格图像处理，SVG则历史悠久，很早就成为国 ...
分类：
Web程序 时间：
2020-05-29 12:09:33
阅读次数：
96
js运行效率在提升 编程语言的效率是前提，js自然比不上native的C语言效率，所以Canvas效率无疑比不上原生的2D图形绘制，但是js效率的提升是有目共睹的，以js与as为例，基本操作（运算操作，集合操作，Map操作）已经超越ActionScript，尤其是Google Chrome浏览器与a ...
分类：
Web程序 时间：
2020-05-29 11:55:15
阅读次数：
75
只要设置ctx.textAlign = ‘center' ， 然后把x不是设置距离画布的距离，而是还要加上图像的一半宽度。 ...
分类：
移动开发 时间：
2020-05-29 09:37:53
阅读次数：
513
纯HTML5绘制的七巧板 <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <canvas id="canvas" style = "border:1px ...
分类：
Web程序 时间：
2020-05-28 23:32:51
阅读次数：
91
游戏开发这潭水太深，英文水平太差，不敢看国外的，而且这几年国内技术水平也挺高了不少，特别是JS方面。（我个人感觉） 最近看了几个国产的js游戏引擎，有点想开发个游戏玩玩，毕竟搞编程这么多年，开发过各种类型的程序，就是没搞过游戏，人生是不完整的。。。 就先收录一下我所知道的国产开源h5游戏引擎吧。 c ...
分类：
Web程序 时间：
2020-05-28 20:07:44
阅读次数：
294
ECharts图形组件在1.0发布的时候我就已经有所关注，今天在做项目的时候遇到了图标的需求，在HT for Web上也有图形组件的功能，但是在尝试了下具体实现后，发现HT for Web的图形组件是以矢量的格式来呈现的，在展现上可以有很多的自定义和数据绑定等特性，但是其在交互的设计上就显得比较弱势 ...
分类：
Web程序 时间：
2020-05-28 01:09:57
阅读次数：
80
Canvas 的三种渲染模式 Canvas Canvas就是Unity渲染UI的组件。UGUI是Unity支持的2D界面控件，所有的UI控件都需要在包含Canvas组件的物体下边充当子物体，我们通过在GameObject/UI创建物体时，会自动生成Canvas以及与其对应的EventSystem控件 ...
分类：
编程语言 时间：
2020-05-27 18:54:14
阅读次数：
115
1、在图片的onload事件中绘图时： 当图片的src值是本地文件目录时，canvas.toDataURL()、ctx.putImageData()方法无法使用，并且浏览器会报错； 当图片的src值是base64形式时则canvas.toDataURL()、ctx.putImageData()方法都 ...
分类：
其他好文 时间：
2020-05-27 15:15:37
阅读次数：
54
鉴于许多同学对Painter不熟悉，所以撰写此文介绍下。Painter的中文意思是画家、漆工，那放到HT里是什么意思呢？很简单，这是HT特有的一种接口，允许开发者在拓扑及其它通用组件上使用Canvas画笔自由绘制内容，现在我们做个例子看一下如何使用Painter。 这个例子中我们在拓扑组件的背景上绘 ...
分类：
Web程序 时间：
2020-05-27 01:13:03
阅读次数：
70
什么是 Canvas？ HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。 画布是一个矩形区域，您可以控制其每一像素。 canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。 浏览器支持 Internet Explorer 9+, Firefox, Ope ...
分类：
Web程序 时间：
2020-05-26 20:14:40
阅读次数：
74
