• 关于

    H5Canvas

    的搜索结果
  • 使用HTML5实现刮刮卡效果

    原文 使用HTML5实现刮刮卡效果 你玩过刮刮卡么?一不小心可以中奖的那种。今天我给大家分享一个基于HTML5技术实现的刮刮卡效果,在PC上只需按住鼠标,在手机上你只需按住指头,轻轻刮去图层就可以模拟真实的刮奖效果。                                     查看...

    文章 杰克.陈 2014-12-20 884浏览量

  • HTML5 Canvas鼠标与键盘事件

    演示HTML5 Canvas鼠标事件,获取Canvas对象上的鼠标坐标,演示键盘事件 通过键盘控制Canvas上对象移动。 Canvas对象支持所有的JavaScript的鼠标事件,包括鼠标点击(MouseClick), 鼠标按下 (Mouse Down), 鼠标抬起(Mouse Up),鼠标移动...

    文章 贾志刚 2013-07-04 621浏览量

  • HTML5 Canvas 填充与描边(Fill And Stroke)

    HTML5 Canvas 填充与描边(Fill And Stroke) 演示HTML5 Canvas Fill 与Stroke文字效果,基于Canvas如何实 现纹理填充与描边。 一:颜色填充与描边 颜色填充可以通过fillStyle来实现,描边颜色可以通过strokeStyle来实现。简单示例 ...

    文章 贾志刚 2013-07-12 661浏览量

  • HTML5 Canvas动画效果演示

    HTML5 Canvas动画效果演示 主要思想: 首先要准备一张有连续帧的图片,然后利用HTML5 Canvas的draw方法在不同的时间 间隔绘制不同的帧,这样看起来就像动画在播放。 关键技术点: JavaScript 函数setTimeout()有两个参数,第一个是参数可以传递一个JavaSc...

    文章 贾志刚 2013-07-11 469浏览量

  • ExtJS中运用HTML5 Canvas简单例子

    在ExtJS的Panel组件上使用HTML5的Canvas对象画图 的简单例子,效果如下: 怎么运行源代码: 新建两个文件,分别命名为mydemo.html, mydemo.js以后,将对应的HTML源代码 与JavaScript代码copy到各自的文件中,在同一目录下使用Google Chro...

    文章 贾志刚 2012-04-13 675浏览量

  • HTML5 Canvas阴影用法演示

    HTML5 Canvas阴影用法演示 HTML5 Canvas中提供了设置阴影的四个属性值分别为: context.shadowColor = “red” 表示设置阴影颜色为红色 context.shadowOffsetX = 0表示阴影相对TEXT的水平距离,0表示两者水平位置重合 contex...

    文章 贾志刚 2013-07-16 491浏览量

  • HTML5 Canvas自定义圆角矩形与虚线(Rounded Rectangle and Dash Line)

    HTML5 Canvas自定义圆角矩形与虚线(RoundedRectangle and Dash Line) 实现向HTML Canvas 2d context绘制对象中添加自定义的函数功能演示,如何绘制虚线 以及控制虚线间隔大小,学会绘制圆角矩形的技巧。 HTML5 Canvas绘制对象中提供的...

    文章 贾志刚 2013-07-17 836浏览量

  • Day08 - HTML5 Canvas 实现彩虹画笔绘画板指南

    Day08 - HTML5 Canvas 实现彩虹画笔绘画板指南 作者:©liyuechun 简介:JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScri...

    文章 黎跃春 2017-08-29 1424浏览量

  • HTML5 组件Canvas实现图像灰度化

    HTML5发布已经有很长一段时间了,一直以来从来没有仔细的看过,过年刚来随便看看 发现HTML5中的Canvas组件功能是如此的强大,不怪很多牛人预言Flash已死,死不死 不是我要关心的,我关心的Canvas可以很轻松在网页中实现简单相框和图像灰度化。 一起来看看HTML5 Canvas是怎么做...

    文章 贾志刚 2012-02-02 627浏览量

  • 阿里云Aliplayer高级功能介绍(一):视频截图

    基本介绍 H5 Video是不提供截图的API的, 视频截图需要借助Canvas,通过Canvas提供的drawImage方法,把Video的当前画面渲染到画布上, 最终通过toDataURL方法可以导出图片的base64编码,基本就完成了图片截图的功能。 功能实现 Canvas接口介绍 d...

    文章 隽阜 2019-01-07 2795浏览量

  • 《HTML5游戏编程核心技术与实战》——2.3 图像API

    本节书摘来自异步社区《HTML5游戏编程核心技术与实战》一书中的第2章,第2.3节,作者: 向峰 更多章节内容可以访问云栖社区“异步社区”公众号查看。 2.3 图像API 除了绘制常用的图形以外,canvas提供了一系列的API能够对图像进行操作,常见的图像API有以下3个方法。 drawImag...

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

  • Android 实现图片的自动缩放,适应分辨率不同的手机

    以下代码可实现Android图片按照不同屏幕手机的大小 比例缩放。 1、定义 bitmap public Bitmap viewBg;// 背景图 2、给他图片资源 viewBg = BitmapFactory.decodeResource(res, R.drawable.shuaibao_bg)...

    文章 一叶飘舟 2012-05-19 1836浏览量

  • 《HTML5游戏编程核心技术与实战》——2.5 绘制文字

    本节书摘来自异步社区《HTML5游戏编程核心技术与实战》一书中的第2章,第2.5节,作者: 向峰 更多章节内容可以访问云栖社区“异步社区”公众号查看。 2.5 绘制文字 canvas中除了可以绘制图形图像外,还可以绘制文字,同时也可以指定文字的字体、大小、对齐方式以及填充文字的纹理。 fillT...

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

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

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

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

  • 纯JavaScript实现HTML5 Canvas六种特效滤镜

    纯JavaScript实现HTML5 Canvas六种特效滤镜  小试牛刀,实现了六款简单常见HTML5 Canvas特效滤镜,并且封装成一个纯 JavaScript可调用的API文件gloomyfishfilter.js。支持的特效滤镜分别为: 1.      反色 2.      灰色调 3....

    文章 贾志刚 2013-06-28 513浏览量

  • zblog上传图片自动添加水印的实现方法

     方法很简单,直接把代码复制到相关文件即可,不过此方法需要aspjpeg组件的支持才行! 具体的方法如下: 一、打开 FUNCTION 文件夹下的 c_system_lib.asp 文件 二、在文件中搜索:UpLoad=True ,再其前面添加以下代码: If CheckRegExp(LCase(...

    文章 技术小阿哥 2017-11-27 1391浏览量

  • H5项目开发分享——用Canvas合成文字

    以前曾用Canvas合成、裁剪、图片等《用H5中的Canvas等技术制作海报》。这次用Canvas来画文字。 下图中“老王考到驾照后”这几个字是画在Canvas上的,与在PS中打入的字非常接近,毫无违和感。 前面一段时间也在研读JavaScript设计模式相关的知识,这次正好小小的实践一下,但对...

    文章 技术小美 2017-11-12 1184浏览量

  • H5项目开发分享——用Canvas合成文字

    以前曾用Canvas合成、裁剪、图片等《用H5中的Canvas等技术制作海报》。这次用Canvas来画文字。 下图中“老王考到驾照后”这几个字是画在Canvas上的,与在PS中打入的字非常接近,毫无违和感。 前面一段时间也在研读JavaScript设计模式相关的知识,这次正好小小的实践一下,但对...

    文章 技术小胖子 2017-11-15 1007浏览量

  • 《HTML5 2D游戏编程核心技术》——第3章,第3.1节滚动背景和监控帧频

    本节书摘来自华章出版社《HTML5 2D游戏编程核心技术》一书中的第3章,第3.1节滚动背景和监控帧频,作者[美] 戴维·吉尔里,更多章节内容可以访问云栖社区“华章计算机”公众号查看。 第3章图形和动画是视频游戏的基础。能够绘制图形和图像是创造平滑的、不闪烁的动画最重要的技能之一,也是游戏开发人员...

    文章 华章计算机 2017-05-02 1121浏览量

  • Android中Bitmap,byte[],Drawable相互转化

    一、相关概念 1、Drawable就是一个可画的对象,其可能是一张位图(BitmapDrawable),也可能是一个图形(ShapeDrawable),还有可能是一个图层(LayerDrawable),我们根据画图的需求,创建相应的可画对象 2、Canvas画布,绘图的目的区域,用于绘图 3、Bi...

    文章 技术小甜 2017-11-16 795浏览量

  • H5中基于Canvas实现的高斯模糊

    自从扁平化流行起来之后,高斯模糊效果渐渐变成了视觉很喜欢用的一种表现形式,我们的视觉小姐姐也特别喜欢。为了满足她,踩了无穷无尽的坑之后,最后只能掏出Canvas来了。 没有什么视觉需求是Canvas解决不了的,如果有,再盖一层Canvas —— 奈帆斯基 解决痛点 CSS模糊 和 大面积tra...

    文章 inahoo 2017-07-24 2397浏览量

  • 视频在 H5 游戏中的应用

    前言 游戏中如果需要使用一些预先录制好的动画,动画格式可以选择 gif 文件和视频文件,视频文件和 gif 文件相比,size 更小(相同质量,gif 文件比 mp4 文件大5倍以上)。 如果视频能在 canvas 中或者 webgl 中播放,这样视频可以和其它游戏元素整合,实现以前需要很复杂的方...

    文章 冠豸山上人 2018-04-11 1449浏览量

  • canvas技术概述

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

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

  • H5分享截图方案优化

    作者:闲鱼技术-苑振一 背景 分享是传播活动,吸引用户最重要的一环。现有分享手段多是题目配合单张图片,利用点击的方式跳转到目标页面。在信息越来越丰富的今天,单个题目和图片对用户的吸引力是有限的。而在对推广要求更高的营销场景和裂变过程中,我们往往需要将页面内容一部分作为图片整体分享出去。直接利用手机...

    文章 闲鱼技术 2020-07-21 817浏览量

  • html2canvas 简单使用

    1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 <!DOCTYPE html> <html> <head>     <script src="jslib/html...

    文章 科技小能手 2017-11-12 802浏览量

  • 11. Html5的局:从CPU到GPU,底层技术的变化

    紧接上文 WebGL为不同的平台/硬件提供了统一的封装,屏蔽了OpenGL ES2.0在各平台差异。后续我们会继续谈谈OpenGL ES2.0在Android/iOS平台的更多差异。这回我们分析WebKit的源码,谈谈WebGL与Cavans不同,WebGL又多做了哪些呢,性能提升在哪里呢。 在H...

    文章 淘朗英 2016-10-26 3218浏览量

  • HTML5实验:JavaScript模拟流体效果

    把现实世界当中的物体模拟到计算机当中,一些简单的物理实验、碰撞旋转等等难度还是不算很大,难度较大的应当算流体模拟。   本文将在Canvas当中模拟出一个2D平面内的水珠,涉及的知识点和技巧包括:Jscex基础知识,贝塞尔曲线的绘制,合理利用CanvasRenderingContext2D的tra...

    文章 余二五 2017-11-15 960浏览量

  • HTML5 随机弹跳的小球

    原文:HTML5 随机弹跳的小球 查看效果:http://keleyi.com/a/bjad/tc1y11dy.htmChrome效果图:火狐效果图:以下是源码: 1 <!doctype html> 2 <html> 3 <head> 4 &l...

    文章 杰克.陈 2014-02-23 978浏览量

  • Android绘图机制(二)——自定义View绘制形, 圆形, 三角形, 扇形, 椭圆, 曲线,文字和图片的坐标讲解

    Android绘图机制(二)——自定义View绘制形, 圆形, 三角形, 扇形, 椭圆, 曲线,文字和图片的坐标讲解 我们要想画好一些炫酷的View,首先我们得知道怎么去画一些基础的图案,比如矩形,圆形,三角形,多边形等…. 新建一个项目 然后我们创建一个listview...

    文章 刘桂林 2016-01-06 3700浏览量

  • android Bitmap用法总结

    Bitmap用法总结 1、Drawable → Bitmap Java代码   &lt;span style="font-size: medium;"&gt;Bitmap用法总结 1、Drawable → Bitmap public static Bitmap drawableT...

    文章 一叶飘舟 2012-06-05 1352浏览量

1 2 3 4 ... 11 >

云产品推荐

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