刮刮卡html5,刮刮卡写什么有创意

微信公众平台有哪些优势与劣势

优势：

尼金平网站制作公司哪家好，找创新互联公司！从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设公司等网站项目制作，到程序开发，运营维护。创新互联公司从2013年开始到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联公司。

1、人口红利

根据目前的报告的人数基数已经是突破了8亿，而且每天都还在不断的增长中。在这么庞大的人口红利里面找到属于自己的客源可以说是具有优势的，并且微信公众号具有推送消息的功能，如果你的微信粉丝够多的话，那么则是可以会让更多的人在同一时间了解到你的产品。

2、成本节约

成本一直是企业衡量去实施计划的重要的标准之一，而微信公众号的开发不需要花费太多的成本，并且后期的运营完全可以自己去实施，消息的推送这些都可以自己操作，不需要花费太多的成本。

3、使用年龄

微信可以说是这两年才开始火爆起来，大部分的使用人群是在20-40岁之间的人士，这一类的消费者大多数是学生和商务人士，具有一定的消费能力，消费观念也时尚，这种很容易接受和购买商品，是不错的消费群体。

4、疯狂营销

一提到微信我们就不得不提到朋友圈，而提到朋友圈我们往往会想到一个群体，那就是微商，微商可以说是霸占了整个朋友圈，让人非常的反感，而微信公众号却不是如此，因为你运营的每一篇内容都关系这你的粉丝来源，只有做好了吸粉的前提，才能够进行疯狂的营销。

劣势：

1、关键字自动回复功能是微信公众平台的产品定位，而我们的邮微时光公众平台正是定位为邮储智能客服平台，也可以说是一个聊天机器人。

要用微信公众做聊天机器人，首先词库是最大的问题，其次即使不考虑词库，多关键字优先级的问题上微信也没有提供更完善的解决方案。另外，微信并没有为公号提供自动回复规则的分类功能，因此自动回复规则的检索较为困难。

2、未来微信开放平台的竞争，主要还是集中于微信推送者的运营能力，对运营能力的要求比较高。

当未来微信的公众平台到达丰满的阶段的时候，大众的媒体开始进入这个领域，市场开始饱和，推送信息会丰富甚至是跟微博一样过载的时候，第一个瓶颈就会出现了。

3、公众平台是主动推送信息，可是用户接受信息是有一定限度的，当超过这个限度的时候用户会取消掉部分其他的微信推送者，先进入者有自己的优势，可以快速积累起用户，造成用户壁垒。

在与其他竞争者的竞争中，用户会对两者进行对比，从而取消掉运营更为差的微信推送者。总而言之，用户关注的微信推送者的数量有限。

4、微信只能是点对点的传播，不能做到点到点到点的传播，也就是，微信不能特别方便的转发。 微信的信息流通的方式只能够通过关注特定的人去关注，而不能够通过第三者去获得特定推送者的信息。

扩展资料

公众号用途

微信公众账号的用途非常广泛，政府，媒体，企业，明星等都开始纷纷建立独立的微信公众账号平台。在上面进行个人企业等文化活动的宣传营销。

可以在设置里面绑定一个私人微信号，利用微信公众号助手群发消息，随时查看消息群发状态。利用公众账号平台进行自媒体活动，简单来说就是进行一对多的媒体性行为活动，如商家通过基于微信公众平台对接的微信会员云营销系统展示商家微官网、微会员、微推送、微支付、微活动，已经形成了一种主流的线上线下微信互动营销方式。

html5画布常用吗

html5 Canvas在实现动画上性能会比DOM操作好，就是占用内存会比较多一点。html Canvas目前用的频率还算是比较高，特别是在html5游戏、html5 3d效果、html5动画等会用的会比较多。

html5 Canvas场景举例：

HTML5 弹幕功能

HTML5 刮刮卡功能

HTML5 游戏开发

HTML5 动画效果

备注：canvas提供的功能更原始，适合像素处理，动态渲染和大数据量绘制。

参考资料：

《canvas 系列教程》

HTML5页面的作用及应用场景有哪些

HTML5页面的作用

1、令企业发展更开阔：HTML5页面作为新兴的微信推广工具，可以应用各种各样的场景，比如产品展示、购买流程，购物车等，能让客户有更快的速度体验，不再卡顿。

2、令体验更完美：HTML5页面中的各种炫酷创新的场景模拟、动画效果、互动方式，都能给用户带来新鲜独特的完美体验，这是传统手机页面所不能媲美的。

HTML5页面可以运用到哪些应用场景

1、企业宣传：高大上的游戏能帮助企业快速聚集人气，让你的客户订单从游戏开始。

2、企业招聘：令企业走向人才，令人才近距离了解企业、认识企业，令招聘更高效。

3、商业营销：通过HTML5特性，使用大转盘，刮刮卡，满减满增等增加客户粘性，从而达到营销目的。

4、报名预约：旅游线路报名、教育课程报名、餐厅预约等场合都可以，多种表单预设，也可以自己创建新的预约流程，自由选择。

微信订阅号可以发布H5页面吗？如果可以，怎么操作？

可以的，把html5页面放到原文链接中就可以了。

微信，是腾讯公司于2011年1月21日推出的一款通讯产品，可以通过网络快速发送免费语音短信、视频、图片和文字，支持单人、多人参与。

微信由深圳腾讯控股有限公司 （Tencent Holdings Limited）于2010年10月筹划启动，由腾讯广州研发中心产品团队打造 。该团队经理张小龙所带领的团队曾成功开发过Foxmail、QQ邮箱等互联网项目。腾讯公司总裁马化腾在产品策划的邮件中确定了这款产品的名称叫做“微信”。

2013年10月19日，微信LBS图文回复是由商家设置店铺位置，用户提交当前所在位置后，可以找到最近的商家店铺，并进行一键导航、一键拨号，如果店铺当前有进行的活动（如：优惠券、刮刮卡），也可把活动显示出来。

html5 canvas 刮刮卡问题

!DOCTYPE html

html

head

meta http-equiv="content-type" content="text/html; charset=UTF-8"

title - jsFiddle demo by artwl/title

script type='text/javascript' src='/js/lib/dummy.js'/script

link rel="stylesheet" type="text/css" href="/css/result-light.css"

style type='text/css'

body{

height:1000px;

}

#lotteryContainer {

position:relative;

width: 300px;

height:100px;

}

#drawPercent {

color:#F60;

}

/style

/head

body

button id="freshBtn"刷新/buttonlabel已刮开 span id="drawPercent"0%/span 区域。/label

div id="lotteryContainer"/div

script type='text/javascript'//![CDATA[ 

function Lottery(id, cover, coverType, width, height, drawPercentCallback) {

this.conId = id;

this.conNode = document.getElementById(this.conId);

this.cover = cover;

this.coverType = coverType;

this.background = null;

this.backCtx = null;

this.mask = null;

this.maskCtx = null;

this.lottery = null;

this.lotteryType = 'image';

this.width = width || 300;

this.height = height || 100;

this.clientRect = null;

this.drawPercentCallback = drawPercentCallback;

}

Lottery.prototype = {

createElement: function (tagName, attributes) {

var ele = document.createElement(tagName);

for (var key in attributes) {

ele.setAttribute(key, attributes[key]);

}

return ele;

},

getTransparentPercent: function(ctx, width, height) {

var imgData = ctx.getImageData(0, 0, width, height),

pixles = imgData.data,

transPixs = [];

for (var i = 0, j = pixles.length; i  j; i += 4) {

var a = pixles[i + 3];

if (a  128) {

transPixs.push(i);

}

}

return (transPixs.length / (pixles.length / 4) * 100).toFixed(2);

},

resizeCanvas: function (canvas, width, height) {

canvas.width = width;

canvas.height = height;

canvas.getContext('2d').clearRect(0, 0, width, height);

},

drawPoint: function (x, y) {

this.maskCtx.beginPath();

var radgrad = this.maskCtx.createRadialGradient(x, y, 0, x, y, 30);

radgrad.addColorStop(0, 'rgba(0,0,0,0.6)');

radgrad.addColorStop(1, 'rgba(255, 255, 255, 0)');

this.maskCtx.fillStyle = radgrad;

this.maskCtx.arc(x, y, 30, 0, Math.PI * 2, true);

this.maskCtx.fill();

if (this.drawPercentCallback) {

this.drawPercentCallback.call(null, this.getTransparentPercent(this.maskCtx, this.width, this.height));

}

},

bindEvent: function () {

var _this = this;

var device = (/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(navigator.userAgent.toLowerCase()));

var clickEvtName = device ? 'touchstart' : 'mousedown';

var moveEvtName = device? 'touchmove': 'mousemove';

if (!device) {

var isMouseDown = false;

document.addEventListener('mouseup', function(e) {

isMouseDown = false;

}, false);

} else {

document.addEventListener("touchmove", function(e) {

if (isMouseDown) {

e.preventDefault();

}

}, false);

document.addEventListener('touchend', function(e) {

isMouseDown = false;

}, false);

}

this.mask.addEventListener(clickEvtName, function (e) {

isMouseDown = true;

var docEle = document.documentElement;

if (!_this.clientRect) {

_this.clientRect = {

left: 0,

top:0

};

}

var x = (device ? e.touches[0].clientX : e.clientX) - _this.clientRect.left + docEle.scrollLeft - docEle.clientLeft;

var y = (device ? e.touches[0].clientY : e.clientY) - _this.clientRect.top + docEle.scrollTop - docEle.clientTop;

_this.drawPoint(x, y);

}, false);

this.mask.addEventListener(moveEvtName, function (e) {

if (!device  !isMouseDown) {

return false;

}

var docEle = document.documentElement;

if (!_this.clientRect) {

_this.clientRect = {

left: 0,

top:0

};

}

var x = (device ? e.touches[0].clientX : e.clientX) - _this.clientRect.left + docEle.scrollLeft - docEle.clientLeft;

var y = (device ? e.touches[0].clientY : e.clientY) - _this.clientRect.top + docEle.scrollTop - docEle.clientTop;

_this.drawPoint(x, y);

}, false);

},

drawLottery: function () {

this.background = this.background || this.createElement('canvas', {

style: 'position:absolute;left:0;top:0;'

});

this.mask = this.mask || this.createElement('canvas', {

style: 'position:absolute;left:0;top:0;'

});

if (!this.conNode.innerHTML.replace(/[\w\W]| /g, '')) {

this.conNode.appendChild(this.background);

this.conNode.appendChild(this.mask);

this.clientRect = this.conNode ? this.conNode.getBoundingClientRect() : null;

this.bindEvent();

}

this.backCtx = this.backCtx || this.background.getContext('2d');

this.maskCtx = this.maskCtx || this.mask.getContext('2d');

if (this.lotteryType == 'image') {

var image = new Image(),

_this = this;

image.onload = function () {

_this.width = this.width;

_this.height = this.height;

_this.resizeCanvas(_this.background, this.width, this.height);

_this.backCtx.drawImage(this, 0, 0);

_this.drawMask();

}

image.src = this.lottery;

} else if (this.lotteryType == 'text') {

this.width = this.width;

this.height = this.height;

this.resizeCanvas(this.background, this.width, this.height);

this.backCtx.save();

this.backCtx.fillStyle = '#FFF';

this.backCtx.fillRect(0, 0, this.width, this.height);

this.backCtx.restore();

this.backCtx.save();

var fontSize = 30;

this.backCtx.font = 'Bold ' + fontSize + 'px Arial';

this.backCtx.textAlign = 'center';

this.backCtx.fillStyle = '#F60';

this.backCtx.fillText(this.lottery, this.width / 2, this.height / 2 + fontSize / 2);

this.backCtx.restore();

this.drawMask();

}

},

drawMask: function() {

this.resizeCanvas(this.mask, this.width, this.height);

if (this.coverType == 'color') {

this.maskCtx.fillStyle = this.cover;

this.maskCtx.fillRect(0, 0, this.width, this.height);

this.maskCtx.globalCompositeOperation = 'destination-out';

} else if (this.coverType == 'image'){

var image = new Image(),

_this = this;

image.onload = function () {

_this.maskCtx.drawImage(this, 0, 0);

_this.maskCtx.globalCompositeOperation = 'destination-out';

}

image.src = this.cover;

}

},

init: function (lottery, lotteryType) {

this.lottery = lottery;

this.lotteryType = lotteryType || 'image';

this.drawLottery();

}

}

window.onload = function () {

var lottery = new Lottery('lotteryContainer', '#CCC', 'color', 300, 100, drawPercent);

lottery.init('', 'image');

document.getElementById('freshBtn').onclick = function() {

drawPercentNode.innerHTML = '0%';

lottery.init(getRandomStr(10), 'text');

}

var drawPercentNode = document.getElementById('drawPercent');

function drawPercent(percent) {

drawPercentNode.innerHTML = percent + '%';

}

}

function getRandomStr(len) {

var text = "";

var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";

for( var i=0; i  len; i++ )

text += possible.charAt(Math.floor(Math.random() * possible.length));

return text;

}

//]]  

/script

/body

/html

亲，看看这个对你有帮助么