0 0

Html5 canvas 应用于手机浏览器的问题?5

我最近做了一个html5 canvas实现电子签名的功能,在电脑上没问题。

现在要求研究在手机浏览器上是否能实现同样功能。
因此,我找了两款支持html5的手机浏览器测试了下,发现可以实现写字,签名。
但是无法获取签名图片的像素,也就是无法取到签名图片。

调用canvas.toDataURL();本来应该返回签名图片被base64编码后的字符串,然后服务端再解码base64就还原图片了。
但在手机浏览器上canvas.toDataURL()始终返回的是"data:,",查api解释为:canvas没有任何像素时返回"data:,",
这就奇怪了,画板上明明有像素,但是无法取到数据。

大家有没有好的方法啊?
2011年8月30日 17:36
目前还没有答案

相关推荐

    Html5 canvas 应用于webkit浏览器实现电子签名

    NULL 博文链接:https://doubleyoung.iteye.com/blog/1168640

    html2canvas最新版本git下载的

    这个html2canvas脚本将当页面渲染成一个Canvas图片,通过读取DOM并将不同的样式应用到这些元素上实现。 它不需要来自服务器任何渲染,整张图片都是在客户端浏览器创建。当浏览器不支持Canvas时,将采用Flashcanvas...

    html2canvas将HTML内容写入Canvas生成图片 uniapp

    html2canvas 能够实现在浏览器端、app端直接对整个或部分页面进行截屏。这个html2canvas脚本将当页面渲染成一个canvas图片,通过读取DOM并将不同的样式应用到这些元素上实现。

    使用 HTML5 canvas 进行 Web 绘图

    HTML5 canvas 元素的出现填补了这种不足,开发人员可以使用 JavaScript 脚本语言在 canvas 中进行一系列基于命令的图形绘制操作,本文将通过讲解如何使用 canvas 元素进行基本绘图操作,以及完成简单的动画和用户...

    基于HTML5 Canvas绘图技术应用.pdf

    HTML5 Canvas绘图技术是当前Web前端开发中的一种流行技术,具有强大且高效的绘图特性,广泛应用于客户端的游戏开发及图像处理中。 Canvas绘图技术具有以下几个优势: 1. 像素级别的位图绘图技术:Canvas具备像素...

    基于HTML5网页地图浏览器的开发与应用.pdf

    基于HTML5网页地图浏览器的开发与应用 HTML5是一种超文本标识语言的第五版,具有提高应用服务设计水平和扩展性,能够开发可移动网页地图浏览器的软件外观与框架结构,并增强网页地图服务功能,实现应用功能与结构...

    通过WebSockets和HTML5 Canvas通过Web浏览器访问WPF应用程序

    显示如何通过WebSockets和HTML5 Canvas将WPF应用推送给用户。

    HTML5 Canvas核心技术 图形、动画与游戏开发

    208 4.7 以图像制作动画 211 4.8 图像绘制的安全问题 216 4.9 性能 216 4.9.1 对比drawimage(htmlimage)、drawimage(htmlcanvas)与putimagedata()的绘图效率 217 4.9.2 在canvas中绘制另一个canvas与绘制普通...

    15个超绚丽的HTML5 Canvas时钟动画特效

    之前我们有给大家介绍过很多基于...这次要分享的是15个超绚丽的HTML5 Canvas时钟动画特效,它们很多都有各自不同的外观,有几个时钟的造型还非常新颖奇特,因为是基于HTML5 Canvas的,所以你的浏览器需要支持HTML5。

    HTML5 Canvas模拟翻滚动画 3D视觉效果

    HTML5作为最先进的浏览器技术,可以创造出很多不同凡响的特效应用,尤其是3D动画更是轻而易举,大家可以在之前我们分享的HTML5动画栏目下欣赏到很多超酷的HTML5动画,也可以在HTML5 Canvas栏目下学习HTML5 Canvas...

    手机QQ浏览器与WebApp开发者共赢可用.pdf

    本文档主要介绍了手机QQ浏览器与WebApp开发者的合作共赢,讨论了HTML5技术在移动互联网中的应用,及其对手机浏览器的影响。文档中指出,HTML5技术的出现,让手机浏览器可以承载更多的Web App,拓展了手机浏览器的...

    html2canvas将HTML内容写入Canvas生成图片.rar

    html2canvas 能够实现在用户浏览器端直接对整个或部分页面进行截屏。这个html2canvas脚本将当页面渲染成一个Canvas图片,通过读取DOM并将不同的样式应用到这些元素上实现。

    HTML5-Canvas(英文版)

    HTML5 Canvas,为开发者提供了在普通的Web浏览器中使用常用的HTML和JavaScript创造动画图形的机会。Canvas是HTML5的最明显的 特性之一,它提供了极大的视觉效果和交互性。然而,它不同于典型的JavaScript、Flash、...

    HTML5移动应用开发入门经典

    《HTML5移动应用开发入门经典》首先讲解了HTML5的起源以及它为什么适用于移动设备,然后讲解了HTML5的基本元素以及所做的改进、canvas(画布)、视音频、微格式、微数据、拖曳等新增特性,还讲解了WebSocket、Web...

    HTML5高级程序设计

    从第2 章起,分别围绕构建令人神往的富web 应用,逐一讨论了html5 的canvas、geolocation 、communication、websocket、forms、web workers、storage 等api 的使用, 辅以直观明了的客户端和服务器端示例代码,让...

    [HTML5移动应用开发入门经典].(美)凯瑞恩.扫描版

    《HTML5移动应用开发入门经典》首先讲解了HTML5的起源以及它为什么适用于移动设备,然后讲解了HTML5的基本元素以及所做的改进、canvas(画布)、视音频、微格式、微数据、拖曳等新增特性,还讲解了WebSocket、Web...

    HTML5 Canvas 仿支付宝芝麻信用统计图表.rar

    这些图表效果除了使用HTML5 Canvas技术外,还使用了几个外部的JS插件:chart.radar.js、chart.pie.js、chart.meter.js,已打包在源码包中,且本效果在移动端和PC端的Chrome、Opera等浏览器下,有较好的表现。

    html2canvas属性和使用方法以及如何使用html2canvas将HTML内容写入Canvas生成图片

    可以将当页面渲染成一个Canvas图片,通过读取DOM并将不同的样式应用到这些元素上实现。 它不需要来自服务器任何渲染,整张图片都是在客户端浏览器创建。当 浏览器不支持Canvas时,将采用Flashcanvas或ExplorerCanvas...

    使用html2canvas对有百度地图的Dom元素处理成图片的解决

    问题1:百度地图应用的是瓦片式图片(地图是一张张图片拼出来的),html2canvas 处理时,遇到非同一域名下的图片,浏览器会显示跨域的报错,也无法用反向代理来解决,因为瓦片图片的域名不确定,无法指定 proxy_pass...

    HTML5可行性调研

    HTML5手机浏览器兼容性调查 3 1.1简介 3 1.2主流手机浏览器对HTML5和CSS3的兼容性 3 1.2.1 HTML5 Web应用程序 4 1.2.2 HTML5移动应用功能 5 1.2.3 HTML5音频编码 5 1.2.4 HTML5视频编码 6 1.3结论 6 HTML5新特性介绍...

Global site tag (gtag.js) - Google Analytics