标签:

canvas

变换 Canvas中的“变形”,主要指的是坐标系的变换,而不是路径的变换。这与 QML 元素变换非常相似,都可以实现坐标系统的scale(缩放)、rotate(旋转)和translate(平移);不同的是,变换的原点是画布原点。例如,如果以一个路径的中心点为定点进行缩放,那么,你需要现将画布原点移动到路径中心点。我们也可以使用变换函数实现复杂的变换。理解“变换是针对坐标系的”这一点非常重要,有时候 ...

8 评论 6 次阅读

在 QML 刚刚被引入到 Qt 4 的那段时间,人们往往在讨论 Qt Quick 是不是需要一个椭圆组件。由此,人们又联想到,是不是还需要其它的形状?这种没玩没了的联想导致了一个最直接的结果:除了圆角矩形,Qt Quick 什么都没有提供,包括椭圆。如果你需要一个椭圆,那就找个图片,或者干脆自己用 C++ 写一个吧(反正 Qt Quick 是可以扩展的,不是么)! 为了使用脚本化的绘图机制,Qt ...

4 评论 4 次阅读

一个完整的示例 我们已经简单地把 HTML5 的<canvas>元素介绍过了。<canvas>可以说是 HTML5 带给我们的最激动人心的特性之一。这一章我们将利用<canvas>,完成一个简单但是完整的游戏,使大家了解在实际应用中,我们该如何使用<canvas>。

0 个评论 1 次阅读

文本 前面我们已经在画布上画出线条,下面,我们将继续添加文字。文本在一般的 web 页面上是遵循箱式模型的,但是在这里却不是。这意味着那些常见的 CSS 布局,比如 float、margin、padding 或者 wrap 这些都不能使用。(或许你觉得这是件不错的事情!)你可以设置一些字体属性,但是在 canvas 上找一个点,再把文本画出来。

0 个评论 1 次阅读

Dive Into HTML5:绘图

by 豆子

HTML 5 将<canvas>元素定义为“一种分辨率相关的位图画布,可以用于渲染图表、游戏图像以及其它可视元素。”canvas 在页面上表现为一个矩形,你可以在上面使用 JavaScript 绘制任何需要的东西。 浏览器对 canvas 的支持 那么,canvas 是什么样子的呢?什么都没有。对,就是这样。一个<canvas>元素没有任何内容,也没有自己的边框。下面是一个 ...

0 个评论 1 次阅读

关于我

devbean

devbean

豆子,生于山东,定居南京。毕业于山东大学软件工程专业。软件工程师,主要关注于 Qt、Angular 等界面技术。

主题 Salodad 由 PenciDesign 提供 | 静态文件存储由又拍云存储提供 | 苏ICP备13027999号-2