html5 canvas 获取图片分享微博失效

问题描述

我做了一个canvas画板的程序,想要把canvas上的存为图片分享微博用的是window.shareUrl=canvas.toDataURL("image/png");

图片路径是64位编码图片,但是分享到微博时候没法获取到图片如果直接把图片放在<img>标签里面,代码如下,便可以在浏览器新的页面看到varimage=canvas.toDataURL("image/png");varw=window.open('about:blank','imagefromcanvas');w.document.write("<imgsrc='"+image+"'alt='fromcanvas'/>");

是不是微博分享的没法用64位编码图片?想要把canvas画板里面的存为图片保存要怎么才能做到?

解决方案

解决方案二:
试试这个varimage=myCanvas.toDataURL("image/png").replace("image/png","image/octet-stream");

解决方案三:
引用1楼TaiJi1985的回复:

试试这个varimage=myCanvas.toDataURL("image/png").replace("image/png","image/octet-stream");

谢谢呀~~这个我也试过,放在<img>标签可以,但是这样varimage=myCanvas.toDataURL("image/png").replace("image/png","image/octet-stream");window.shareUrl=image;share();functionshare(){//d指的是window(function(s,d,e){try{}catch(e){}varf='http://v.t.sina.com.cn/share/share.php?',u=d.location.href,p=['&title=',e(window.sharetitle),'&appkey=2924220432','&pic=',e(window.shareUrl)].join('');functiona(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=620,height=450,left=',(s.width-620)/2,',top=',(s.height-450)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent)){setTimeout(a,0)}else{a()}})(screen,document,encodeURIComponent);}

不可以,直接微博分享的页面都打不开了。。如果我把window.shareUrl=“网上任意的图片地址”,就可以显示。。我在想是不是toDataURL返回图片64位编码的问题?

时间: 2024-06-16 13:36:38

html5 canvas 获取图片分享微博失效的相关文章

《HTML5 Canvas游戏开发实战》——2.4 图片操作

2.4 图片操作 无论我们开发的是应用程序还是游戏软件,都是离不开图片,没有图片就无法让整个页面漂亮起来.开发游戏的时候,游戏中的地图.背景.人物.物品等都是由图片组成的,所以图片的显示和操作非常重要.Canvas中提供了drawImage函数和putImageData函数来绘制图片,在本节中将一一讲解.2.4.1 利用drawImage绘制图片 drawImage函数有3种函数原型,其语法如下: drawImage(image, dx, dy); drawImage(image, dx, dy

想要在html5 canvas画布中打开一张本地图片,代码有什么问题

问题描述 想要在html5 canvas画布中打开一张本地图片,代码有什么问题 <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <script type="text/javascript"> var canvas=document.getElementById("demo&q

HTML5 canvas 9绘制图片实例详解_javascript技巧

绘制图片 Var image=new Image(); image.src=" http://img4.duitang.com/uploads/item/201406/25/20140625182321_4MTau.thumb.700_0.jpeg"; image.onload=function(){} Context.drawImage(image,x,y); Context.drawImage(image,x,y,w,h); Context.drawIamge(image,sx,s

Html5 Canvas渐变与图片实例教程

渐变 渐变色的使用比之前绘制任意一个图形都简单,而且可以填充到任何绘制的图形上,我们先看一下代码:  代码如下 复制代码 var grd = myCanvas.createLinearGradient(100, 100, 175, 50);  grd.addColorStop(0, "#FAFAFA");  grd.addColorStop(0.5, "red");  grd.addColorStop(0.75, "blue");  grd.ad

一款html5 canvas实现的图片玻璃碎片特效

 今天要为大家带来一款html5 canvas实现的图片玻璃碎片特效.图片以玻璃碎片的形式出现到界面中,然后似玻璃被打碎的效果渐消息.效果图如下:   html代码: 代码如下: <img src="city_copy.jpg" id="src_img" class="hidden"> <div id="container" style="-webkit-perspective: 500px;&qu

html5 canvas上有多个图片元素,如何实现每个图片能用鼠标拖拽移动?或是有其他的方法= =

问题描述 html5 canvas上有多个图片元素,如何实现每个图片能用鼠标拖拽移动?或是有其他的方法= = 像上图所示,图片都放在canvas上,要实现像装扮类游戏可以拖拽图片 var hair2 = new Image(); hair2.src = ""头发2.png""; hair2.onload = function(){ canv.drawImage(hair2660130171190); };画布和图片是按照上述方法贴上去的.求指点,谢谢么么哒~ 解决方

微博 图片分享 压缩-利用微博分享图片的压缩问题

问题描述 利用微博分享图片的压缩问题 请求大家,我在做毕业设计,关于信息隐藏的,但是隐蔽信息嵌入图片分享到微博后总是自动压缩,有没有这方面开发经验的?利用SDk啥的消除压缩? 解决方案 那估计是你的信息本身就比较多,你弄个分辨率低一点的图片试试

分享29款基于 HTML5 Canvas 开发的网页游戏

现在,越来越多的人尝试用 HTML5 来制作网页游戏等丰富的 Web 应用.上次向大家推荐了21款最佳 HTML5 网页游戏,今天要与大家分享的是另外25款基于 HTML5 Canvas 开发的网页游戏,相信体验了这些游戏之后,大家都会觉得 HTML5 很好很强大. 1. 3Bored 2. 3D Tetris – Cubeout 3. A first person shooter 4. A torus style game 5. Agent 008 Ball 6. Asteroids 7. B

HTML5 canvas标签实现刮刮卡效果

             HTML5 canvas标签实现刮刮卡效果           你玩过刮刮卡么?一不小心可以中奖的那种.今天我给大家分享一个基于HTML5技术实现的刮刮卡效果,在PC上只需按住鼠标,在手机上你只需按住指头,轻轻刮去图层就可以模拟真实的刮奖效果. 源码下载:           我们利用HTML5的画布Canvas,结合其提供的API,在Canvas元素上绘制一个灰色蒙层,然后通过检测用户鼠标移到和手势来绘制一个透明的图形,这样就能看到Canvas背景下的真实图片,就达到