您好,欢迎光临本网站![请登录][注册会员]  

搜索资源列表

  1. J2ME开发 用Canvas类显示png,jpg图片

  2. J2ME开发 用Canvas类显示png,jpg图片 的源码,包括生产的jar,jad文件。 可以直接复制到支持java 的手机上运行。
  3. 所属分类:Java

    • 发布日期:2010-10-11
    • 文件大小:306176
    • 提供者:zhumengshu
  1. [原创]html5_PC游戏_图片俄罗斯方块

  2. PC游戏 图片俄罗斯方块 以前的了 快一年了 使用了离线canvas复制的方法 启动预览效果需要服务器支持 另外 AC娘图片可以自己做加载功能 这样游戏图片显示更顺畅
  3. 所属分类:Javascript

    • 发布日期:2015-01-24
    • 文件大小:4194304
    • 提供者:wangxsh42
  1. 一个窗体背景自动填充图像的Delphi实例.rar

  2. Delphi自动让图片填满整个窗口,一个窗体背景自动填充图像的Delphi实例,不管图片的大小是多少,会自动复制图片对象填充到空白窗口中,实现了类似平铺式的背景效果,在窗体上添加平铺的背景效果,这个Delphi实例应该是个不错的选择。主查使用了canvas.Draw函数在指定范围内画图,相对简单易懂的方法。
  3. 所属分类:其它

    • 发布日期:2019-07-10
    • 文件大小:683008
    • 提供者:weixin_39840650
  1. 复制图片 canvas img 转换.html

  2. Javascr ipt语言通过canvas实现复制图片,Javascr ipt语言通过canvas实现复制图片
  3. 所属分类:Javascript

    • 发布日期:2020-05-29
    • 文件大小:5120
    • 提供者:qq_26008517
  1. canvas在高版本浏览器下自适应首屏幕鼠标动画效

  2. 效果描述: 本效果使用了html5中的canvas标签 加上特定的一些加上插件,成功的实现了网页首屏图片全屏 且兼容移动网页的效果 鼠标悬停后还有一些动画效果 非常不错 使用方法: 1、将head中的样式复制到你的样式表中 2、将body中的代码部分拷贝过去即可 (不兼容低版本浏览器)
  3. 所属分类:其它

    • 发布日期:2020-06-12
    • 文件大小:292864
    • 提供者:weixin_38706045
  1. 用canvas实现图片滤镜效果附演示

  2. 这是一个很有意思的特效,模拟摄像机拍摄电视屏幕画面时出现点状颗粒的效果。颗粒的大小通过变换矩阵实现,可以任意调节,有兴趣研究的朋友可以尝试更多的效果,代码没有经过优化,只是一个粗糙的Demo,大家可以自行改进。 1.获取图像数据 复制代码代码如下: img.src = ’http://huoche.7234.cn/images/jb51/rhajcs21ukz.jpg’; canvas.width = img.width; canvas.height = img.height; var co
  3. 所属分类:其它

    • 发布日期:2020-12-14
    • 文件大小:36864
    • 提供者:weixin_38600460
  1. 使用html5 canvas 画时钟代码实例分享

  2. HTML5足够强大实现很多功能,画一个时钟只是一个小玩意。图片指针用ctx的drawImage可以实现。至于兼容性问题,网上的解决方案已经很多了。这个东东是用来玩的,不是用来做应用的,学习下canvas API。 先给大家展示效果图 实现代码 复制代码代码如下:[removed] // <![CDATA[ var time = new Date(); var h = time.getHours(); var m = time.getMinu
  3. 所属分类:其它

    • 发布日期:2020-12-14
    • 文件大小:52224
    • 提供者:weixin_38545117
  1. html5 canvas移动浏览器上实现图片压缩上传

  2. 最近在移动端设计头像上传功能时,原本是以直接通过formData上传,然而实际使用情况是:对于过大的图片(高像素手机所拍摄的照片等)上传时间过长会导致上传失败,而每次都上传原始大小的图片(后台处理压缩)十分影响用户体验,所以研究了一下通过canvas压缩图片并上传的方法,以下是整理的一些思路和心得: 一、获取本地图片,并将图片绘制到画布中。此处的难点在于:由于浏览器的保护机制,无法直接获取到本地文件的图片路径,所以需要将本地图片编译成base64格式再做上传,代码如下: Javascr ipt
  3. 所属分类:其它

    • 发布日期:2020-12-14
    • 文件大小:53248
    • 提供者:weixin_38681082
  1. html5 更新图片颜色示例代码

  2. 复制代码代码如下: [removed] var cID = “c1”; var image = new Image(); image.src = “Eye/item_eye_1.png”; image.onload = function () { recolorImage(cID,image, 0, 0, 0, 255, 0, 0); } function recolorI
  3. 所属分类:其它

    • 发布日期:2020-12-14
    • 文件大小:17408
    • 提供者:weixin_38546789
  1. 在HTML5 Canvas中放入图片和保存为图片的方法

  2. 使用Javascr ipt将图片拷贝进画布 要想将图片放入画布里,我们使用canvas元素的drawImage方法: 复制代码代码如下: // Converts image to canvas; returns new canvas element function convertImageToCanvas(image) { var canvas = document.createElement(“canvas”); canvas.width = image.width; c
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:27648
    • 提供者:weixin_38667408
  1. 详解如何用HTML5 Canvas API控制图片的缩放变换

  2. 缩放变换scale(sx,sy)传入两个参数,分别是水平方向和垂直方向上对象的缩放倍数。例如context.scale(2,2)就是对图像放大两倍。其实,看上去简单,实际用起来还是有一些问题的。我们来看一段代码: Javascr ipt Code复制内容到剪贴板                      缩放变换                    body { backg
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:124928
    • 提供者:weixin_38667207
  1. 解决canvas转base64/jpeg时透明区域变成黑色背景的方法

  2. 在用canvas将png图片转jpeg时,发现透明区域被填充成黑色。 代码如下: XML/HTML Code复制内容到剪贴板 Canvas:         Base64转码后的图片:         [removed]       var base64Img = document
  3. 所属分类:其它

    • 发布日期:2020-12-30
    • 文件大小:133120
    • 提供者:weixin_38724349
  1. html5使用canvas绘制一张图片

  2.   复制代码代码如下: var canvas=document.getElementById(“canvas”); var cxt=canvas.getContext(“2d”); var img=new Image(); img.src=”cat.jpg”; cxt.drawImage(img,10,10,490,382); /* 测试发现一个问题 在浏览器第一次执行的时候经常看不到
  3. 所属分类:其它

    • 发布日期:2021-01-21
    • 文件大小:89088
    • 提供者:weixin_38731027
  1. 详解通过HTML5 Canvas实现图片的平移及旋转变化的方法

  2. 平移变换translate()平移变换,故名思议,就是一般的图形位移。比如这里我想将位于(100,100)的矩形平移至(200,200)点。那么我只要在绘制矩形之前加上context.translate(100,100)即可。 这里的translate()只传入两个参数,其实就是新画布坐标系原点的坐标。下面结合代码来看看效果。 XML/HTML Code复制内容到剪贴板                     平移变换</t
  3. 所属分类:其它

    • 发布日期:2021-01-21
    • 文件大小:375808
    • 提供者:weixin_38581455
  1. HTML5 Canvas实现图片缩放、翻转、颜色渐变的代码示例

  2. 翻转、移动、平移、放大、缩小 XML/HTML Code复制内容到剪贴板 var canvas = document.getElementById(‘canvas’);    if (canvas.getContext) {        var context = canvas.getContext(‘2d’);        // 放大与缩小        context.beginPath();        context.strokeSt
  3. 所属分类:其它

    • 发布日期:2021-01-21
    • 文件大小:37888
    • 提供者:weixin_38690508
  1. 使用HTML5 Canvas为图片填充颜色和纹理的教程

  2. 填充颜色 艺术离不开色彩,今天咱们来介绍一下填充颜色,体会一下色彩的魅力。填充颜色主要分为两种: 1.基本颜色2.渐变颜色(又分为线性渐变与径向渐变) 我们一个个来看。 填充基本颜色Canvas fillStyle属性用来设置画布上形状的基本颜色和填充。fillStyle使用简单的颜色名称。这看起来非常简单,例如: Javascr ipt Code复制内容到剪贴板 context.fillStyle = red;   下面是出自 HTML4 规范的可用颜色字符串值列表,共十六个。由于 H
  3. 所属分类:其它

    • 发布日期:2021-01-21
    • 文件大小:307200
    • 提供者:weixin_38727567
  1. canvas.toDataURL image/png 报错处理方法推荐

  2. 问题背景: 遇到一个需求,要对播放的视频进行截图,视频使用video标签来播放,然后点击视频播放区域时截取实时的帧图片。 代码很简单如下: Javascr ipt Code复制内容到剪贴板 var video = document.getElementById(‘video’);       var canvas = document.getElementById(‘canvas’);       var ctx = canvas.getContext(‘
  3. 所属分类:其它

    • 发布日期:2021-01-21
    • 文件大小:31744
    • 提供者:weixin_38520258
  1. 基于HTML5 Canvas:字符串,路径,背景,图片的详解

  2. 创建一个Canvas画布的方法如下:复制代码代码如下: 可以在标签中添加标签不可用时的替代文本,如下所示: 复制代码代码如下: Your browserdoes not support the canvas element. 目前新版本的各类浏览器已经逐步开始支持HTML5,所以在开始使用之前请确保你的浏览器是新版本的Chrome、Fi
  3. 所属分类:其它

    • 发布日期:2021-01-21
    • 文件大小:91136
    • 提供者:weixin_38727798
  1. 将HTML5 Canvas的内容保存为图片借助toDataURL实现

  2. 主要思想是借助Canvas自己的API – toDataURL()来实现,整个实现 HTML + Javascr ipt的代码很简单。 复制代码代码如下: [removed] [removed] = function() { draw(); var saveButton = document.getElementById(“saveImageBtn”); bindButtonEvent(saveButton, “click”, saveImageInf
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:36864
    • 提供者:weixin_38632247
  1. 使用 HTML5 Canvas 制作水波纹效果点击图片就会触发

  2. 今天,我们继续分享 Javascr ipt 实现的效果例子,这篇文章会介绍使用 Javascr ipt 实现水波纹效果。水波效果以图片为背景,点击图片任意位置都会触发。有时候,我们使用普通的 Javascr ipt 就可以创建一个很有趣的解决功能。   源码下载 Step 1. HTML 和以前一样,首先是 HTML 代码: 复制代码代码如下: Water drops effect <link rel=”stylesheet” href=”css/main.cs
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:103424
    • 提供者:weixin_38558623
« 12 3 »