• 关于

    有canvas画布

    的搜索结果
  • 《HTML5 Canvas开发详解》——1.8 HTML5 Canvas对象

    本节书摘来自异步社区《HTML5 Canvas开发详解》一书中的第1章,第1.8节,作者: 【美】Steve Fulton , Jeff Fulton 更多章节内容可以访问云栖社区“异步社区”公众号查看。 1.8 HTML5 Canvas对象 Canvas对象是通过在HTML页面的< bo...

    文章 异步社区 2017-05-02 1269浏览量

  • 《HTML5 canvas开发详解(第2版)》——1.9 HTML5 Canvas对象

    本节书摘来自异步社区《HTML5 canvas开发详解(第2版)》一书中的第1章,第1.9节,作者: 【美】Steve Fulton , Jeff Fulton 更多章节内容可以访问云栖社区“异步社区”公众号查看。 1.9 HTML5 Canvas对象 Canvas对象是通过在HTML页面的<...

    文章 异步社区 2017-05-02 1196浏览量

  • 教你使用Canvas处理图片

    Canvas,中文译为“画布”,HTML5中新增了<canvas>元素,可以结合JavaScript动态地在画布中绘制图形。 今天,我们不讲Canvas的图形绘制,而是讲如何对图片进行处理。 大概流程非常简单,主要分为以下三个步骤: Canvas图片处理 是的,就像把大象装...

    文章 前端王睿 2017-09-17 723浏览量

  • HTML5 学习手笔四:canvas 总结

      什么是 Canvas?   HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。 画布是一个矩形区域,您可以控制其每一像素。 canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法 Canvas 对象 Canvas 对象表示一个 HTML 画布元素 - ...

    文章 技术小胖子 2017-11-10 832浏览量

  • 《Android和PHP开发最佳实践》一2.8 Android图形界面

    2.8 Android图形界面 前面介绍了Android应用界面(Android UI)的相关内容,不过对于一些游戏应用来说,这些UI控件往往派不上用场。此外,一些特殊的Android应用也有可能会使用到比较底层的图形类库,因此,本节我们就来学习Android的图形系统。Android系统中的图形...

    文章 华章计算机 2017-08-01 1005浏览量

  • Flutter 36: 图解自定义 View 之 Canvas (三)

          小菜继续学习 Canvas 的相关方法: drawVertices 绘制顶点       小菜上次没有整理 drawVertices 的绘制方法,这次补上;Vertice 即顶点,通过绘制多个顶点,在进行连线,多用于 3D 模型中;       drawVertices 包括三个参数,...

    文章 阿策~ 2019-03-09 1398浏览量

  • 屏幕显示的坐标的探讨

    注!这里的横向竖向是指终端实际显示的方向。   大部分手持终端的显示模式如图1.当我们在Activity的onCreate()中执行下面的语句时,整个屏幕会出现像图2的走向。 /*  从下往上运行,默认是从右到左  */ setRequestedOrientation(Acti...

    文章 长空翱翔 2013-08-02 501浏览量

  • 《JavaScript高效图形编程(修订版)》——第6章 HTML5画布 6.1 画布的支持

    本节书摘来自异步社区《JavaScript高效图形编程(修订版)》一书中的第6章,第6.1节,作者:【美】Raffaele Cecco著,更多章节内容可以访问云栖社区“异步社区”公众号查看 第6章 HTML5画布 HTML5最吸引人的一个特性就是画布(Canvas)元素。画布的形式是在页面上类似于...

    文章 异步社区 2017-05-02 1036浏览量

  • 3.3 自定义控件基础 之 View的绘制

    当测量好了一个View之后,我们就可以简单地重写onDraw()方法,并在Canvas对象上来绘制所需要的图形。首先我们来了解一下利用系统2D绘图API所必须要使用到的Canvas对象。 要想在Android的界面中绘制相应的图像,就必须在Canvas上进行绘制。Canvas就像是一个画板,使用P...

    文章 李蔚蓬 2018-08-07 513浏览量

  • 《HTML5 Canvas游戏开发实战》——1.2 Canvas简介

    本节书摘来自华章计算机《HTML5 Canvas游戏开发实战》一书中的第1章,第1.2节,作者:张路斌著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。 1.2 Canvas简介 Canvas 元素是HTML5的新元素之一,用于在网页上绘制图形,相当于在HTML中嵌入了一张画布,这样就可...

    文章 华章计算机 2017-08-01 1422浏览量

  • 《JavaScript高效图形编程(修订版)》——6.6 画布导出器

    本节书摘来自异步社区《JavaScript高效图形编程(修订版)》一书中的第6章,第6.6节,作者:【美】Raffaele Cecco著,更多章节内容可以访问云栖社区“异步社区”公众号查看 6.6 画布导出器 画布完全由JavaScript控制,因此了解JavaScript是充分利用画布的前提。基...

    文章 异步社区 2017-05-02 1163浏览量

  • Android 立方体翻转效果

    今天我们来看看如何实现一个立方体翻转的效果,如图 看上去很麻烦,实际上实现起来还是蛮轻松的。 这里我们使用到的有两个类。 android.graphic.Camera 这是在图像学概念里的摄像机,这是一个透视摄像机。 android.graphic.Matrix 矩阵,用来表示图像的...

    文章 一叶飘舟 2016-02-23 1314浏览量

  • HTML5标签canvas制作平面图

    摘要:   HTML5规范已经完成了,互联网上已经有数不清的站点使用了HTML5。从现在开始研究HTML5,本文是自己在学习canvas过程中的记录,以备后需。 历史:   这个 HTML 元素是为了客户端矢量图形而设计的。它自己没有行为,但却把一个绘图 API 展现给客户端 JavaScript...

    文章 夕阳白雪 2014-11-19 991浏览量

  • 《HTML5 Canvas开发详解》——1.7 2D上下文及其当前状态

    本节书摘来自异步社区《HTML5 Canvas开发详解》一书中的第1章,第1.7节,作者: 【美】Steve Fulton , Jeff Fulton 更多章节内容可以访问云栖社区“异步社区”公众号查看。 1.7 2D上下文及其当前状态 通过调用Canvas对象的getContext()方法可以...

    文章 异步社区 2017-05-02 802浏览量

  • 《HTML5 canvas开发详解(第2版)》——1.8 2D环境及其当前状态

    本节书摘来自异步社区《HTML5 canvas开发详解(第2版)》一书中的第1章,第1.8节,作者: 【美】Steve Fulton , Jeff Fulton 更多章节内容可以访问云栖社区“异步社区”公众号查看。 1.8 2D环境及其当前状态 通过调用Canvas对象的getContext()方...

    文章 异步社区 2017-05-02 1191浏览量

  • Android初级进阶之自定义时钟(二)

    在上一篇Android初级进阶之自定义时钟(一)里面已经完成了时钟的静态绘制,是这个样子的: 现在我们要做的是在上面的基础上继续完善,达到以下的效果。 image 前言 果然,我还是不够格,还是要继续学习,继续积累。上一篇不是已经完成了页面的绘制咯,然后需要将时分秒的指针...

    文章 禁言 2016-08-09 730浏览量

  • android下关于Canvas和Drawable的一点认识

      最近刚刚写了一个贪吃蛇的游戏,需要不断绘图,也就对Canvas和Drawable有了一点点认识。   首先是Canvas。Canvas的直译就是画布,负责在View上进行各种绘画,但实际上Canvas是在一个Bitmap对象上进行绘画的,该Bitmap会告诉Canvas如何进行绘画(比如每个像...

    文章 李牙刷儿 2012-11-18 1091浏览量

  • 手把手教你用Javascript制作随机星星效果图

    一、前言 在浏览一些图片网站的时候,经常会看到很多的漂亮的星空图,比如,下面的图片。其实这种星星图片的效果,也可以通过html+css样式和js的方式来实现。今天教大家如何实现星星图的效果。 二、项目准备 软件:Dreamweaver 三、实现的目标 每次刷新产生随机的星星个数。显示画布上。 四...

    文章 python进阶者 2021-01-15 166浏览量

  • Matplotlib三层结构 | Python 数据可视化库 Matplotlib 快速入门之六

    快速上手Matplotlib | Python 数据可视化库 Matplotlib 快速入门之五 Matplotlib三层结构 如果掌握了Matplotlib三层结构,那么在后续画图过程中思路会非常清晰。 容器层 容器层主要由Canvas、Figure、Axes组成。Canvas是位于最底层的系统...

    文章 温柔的养猫人 2020-04-13 215浏览量

  • Canvas与图片压缩

    之前写过一篇有关Canvas图片处理的文章,今天我们讲讲如何使用Canvas来压缩图片。 Canvas图片压缩流程 接下来我将以具体实例为大家讲解Canvas图片压缩的具体流程。 一、本地图片输入 1. 获取本地文件 &lt;!--HTML--&gt; &lt;input type="...

    文章 前端王睿 2017-11-27 594浏览量

  • HTML5边玩边学(1):画布

    一、<canvas>标签 Html5 引入了一个新的 <canvas> 标签,这个标签所代表的区域就好象一块画布,你的所有图形绘制最后都要在这块画布上呈现。有了这个标签,浏览器的图形表现力被极大的提升,Flash 和 SilverLight 有没有感到威胁呢? 新闻链接:G...

    文章 长征2号 2017-06-22 602浏览量

  • artwlfeedback.js——仿google搜索结果页的“发送反馈”功能

    缘起   不知道大家有没有用过google搜索结果页的“发送反馈”功能(还没有用过的,快去体验一下吧),个人用过后觉得非常酷,特别适合反馈界面视觉问题,于是就有了本文介绍的小作品。   给不能FQ的截张图吧: 效果   不知道大家有没有注意到本页最下面有个“发送反馈”的固定链接,可以点击看看效果...

    文章 技术mix呢 2017-11-24 851浏览量

  • canvas技术概述

    canvas简介在学习一项新技术之前,先了解这项技术的历史发展及成因会帮助我们更深刻的理解这项技术。 历史上,canvas最早是由Apple Inc. 提出的,在Mac OS X webkit中创建控制板组件使用,而在canvas称为HTML草案及标准之前,我们是通过一些替代方式去绘图的,比如为人...

    文章 优惠券活动 2020-04-01 403浏览量

  • Canvas实践教程

    介绍 SVG是构建XML树的方式来达到绘制图形的,canvas是通过调用相关的方法来绘制图形的。区别:SVG绘制图形,通过移除或者更改DOM方式来而使用canvas需要把图片从新擦除。绘制的API在绘制上下文中定义。而不在画布中定义。需要获得上下文对象的时候,需要调用画布的getContext方法...

    文章 mysoul8021 2019-02-11 962浏览量

  • canvas画好几张图片时,叠层关系的问题

    我们知道canvas画好几张图片时,按我们的思维应该是先画的在下面,后画的在最上面,可是事实不是这样的,细心的人会发现,叠层关系是随机的。 为什么呢? 这样想,我们画图片时是不是有这段代码 img.onload=function(){ ctx.drawImage(img,x,y); ...

    文章 leonwuv 2016-12-20 989浏览量

  • 【HTML 5】HTML5 Canvas rect(), strokeRect() 和 fillRect() 的区别

      他们都接受相同的参数,见页面表格。唯一不同的实现方式与效果方面有差异。 其中fillRect()与strokeRect() 在调用后会立即在画布上画面效果,而rect()不会立即将图形画出,只有在调用了stroke()方法之后,才会实际作用于画布。   fillRect()   从字面上很好理...

    文章 刘哇勇 2013-05-29 873浏览量

  • Android使用Canvas实现跑马灯

      网上的很多的教程都是通过更改TextView的属性进行跑马灯的设计。这样做有很多的缺点: 1、如果TextView没有获取焦点,那么跑马灯的效果无法实现。 2、如果文本长度小于TextView的宽度,跑马灯的效果无法实现。 3、需要设置很多属性,麻烦。 还有很多教程是通过重写TextView的...

    文章 宋志辉 2014-03-27 974浏览量

  • 【Android UI设计与开发】10:滑动菜单栏(二)SlidingMenu 动画效果的实现

    其实就是在显示菜单栏时,有个动画的效果。代码比较简单,下面进行说明。 1.效果图如下,手机上查看效果更佳   2.代码实现,这里只讲解动画效果的实现,具体代码可在源代码中查看 <1> 先定义一个CanvasTransformer接口对象,这个接口是在slidingmenu_libra...

    文章 嗯哼9925 2017-11-14 948浏览量

  • 自定义控件详解(一):Paint类与Canvas类

      前言:     自定义控件必需的两个类:Paint与Canvas   Paint    ---  相当于绘图的"笔"   Canvas --- 相当于绘图的"纸"    一、Paint     绘图笔,即用来设定比如 颜色、线条宽度、线条透明度等熟悉的。   看一下Paint类所有的setXX...

    文章 听着music睡 2017-03-31 603浏览量

  • html5中canvas的使用 获取鼠标点击页面上某点的RGB

    1.html5中的canvas在IE9中可以跑起来。在IE8则跑不起来,这时候就需要一些东西了。 我推荐这种方法,这样显得代码不乱。 &lt;!--[if lt IE9]&gt; &lt;script src="http://html5shiv.googlecode.com/svn/trunk/...

    文章 shy丶gril 2016-05-20 3769浏览量

1 2 3 4 ... 11 >

云产品推荐

上海奇点人才服务相关的云产品 小程序定制 上海微企信息技术相关的云产品 国内短信套餐包 ECS云服务器安全配置相关的云产品 开发者问答 阿里云建站 自然场景识别相关的云产品 万网 小程序开发制作 视频内容分析 视频集锦 代理记账服务