画板社交工具开发分享——HTML5 canvas控件、PHP、社交分享学习（四）

之前几节中已经实现了图片绘制、生成、保存，下面便可以通过社交网站的分享按钮将图片分享出去。各大社交网站基本都为开发者提供了很完善的分享按钮功能使用，本节简单给出几个分享按钮调用脚本，具体的实现方法可以参考相应社交网站提供的接口脚本。源码如下：

<script type="text/javascript" charset="utf-8">
		var tempUrl="";

		var shareUrl="";
    		var nameEQ = "filecookie" + "=";
 		var ca = document.cookie.split(';');
 		for(var i=0;i < ca.length;i++){
		var c = ca[i];
  		if(c.indexOf(nameEQ)==0)
		{
		//alert(decodeURIComponent(c.substring(nameEQ.length+4,c.length)));
		//var tempUrl=decodeURIComponent("images/"+c.substring(nameEQ.length+9,c.length));
		tempUrl=decodeURIComponent(c.substring(nameEQ.length,c.length));
		shareUrl="http://ftp78067.web-45.com/" + tempUrl;
		document.getElementById("imageOne").src = tempUrl;		
		}
		}
//新浪微博分享按钮调用
(
function(){
  var _w = 100 , _h = 80;
  var param = {
    url:location.href,
    type:'2',
    count:'0', /**是否显示分享数，1显示(可选)*/
    appkey:'', /**您申请的应用appkey,显示分享来源(可选)*/
    title:'大家猜猜看这是神马？我画大家猜', /**分享的文字内容(可选，默认为所在页面的title)*/
    pic:shareUrl, /**分享图片的路径(可选)*/
    ralateUid:'', /**关联用户的UID，分享微博会@该用户(可选)*/
language:'zh_cn', /**设置语言，zh_cn|zh_tw(可选)*/
    rnd:new Date().valueOf()
  }
  var temp = [];
  for( var p in param ){
    temp.push(p + '=' + encodeURIComponent( param[p] || '' ) )
  }
  document.write('<div id="shareDiv"><a name="xn_share" onclick="shareClick()" type="icon_medium" href="javascript:;"></a><iframe 

allowTransparency="true" frameborder="0" scrolling="no" src="http://hits.sinajs.cn/A1/weiboshare.html?' + temp.join('&') + '" width="'+ _w+'" 

height="'+_h+'"></iframe></div>')
})()
</script>
//腾讯qq空间、微博分享按钮
<script src="http://qzonestyle.gtimg.cn/qzone/app/qzlike/qzopensl.js#jsdate=20111201" charset="utf-8"></script>
<script type="text/javascript">
(function(){
var p = {
url:location.href,
showcount:'0',/*是否显示分享总数,显示：'1'，不显示：'0' */
desc:'',/*默认分享理由(可选)*/
summary:'',/*分享摘要(可选)*/
title:'我画大家猜',/*分享标题(可选)*/
site:'',/*分享来源 如：腾讯网(可选)*/
pics:shareUrl, /*分享图片的路径(可选)*/
style:'202',
113,
height:39
};
var s = [];
for(var i in p){
s.push(i + '=' + encodeURIComponent(p[i]||''));
}
document.write(['<div id="QQShareDiv"><a version="1.0" class="qzOpenerDiv" href="http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?',s.join

('&'),'" target="_blank">分享</a></div>'].join(''));
})();
</script>
//人人网分享按钮
<script type="text/javascript" src="http://widget.renren.com/js/rrshare.js"></script>
<script type="text/javascript">
	function shareClick() {
		var rrShareParam = {
			resourceUrl : '',	//分享的资源Url
			srcUrl : '',	//分享的资源来源Url,默认为header中的Referer,如果分享失败可以调整此值为resourceUrl试试
			pic : shareUrl,		//分享的主题图片Url
			title : '我画大家猜',		//分享的标题
			description : '大家猜猜看这是神马？'	//分享的详细描述
		};
		rrShareOnclick(rrShareParam);
	}
</script>