您的位置:首页 > Web前端 > HTML5

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

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

<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',
width: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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
相关文章推荐