HTML5+jQuery制作温馨浪漫爱心表白动画特效

Function.js

var $window = $(window), gardenCtx, gardenCanvas, $garden, garden; var clientWidth = $(window).width(); var clientHeight = $(window).height();

$(function () {

// setup garden $loveHeart = $(\ var offsetX = $loveHeart.width() / 2; var offsetY = $loveHeart.height() / 2 - 55; $garden = $(\ gardenCanvas = $garden[0]; gardenCanvas.width = $(\ gardenCanvas.height = $(\ gardenCtx = gardenCanvas.getContext(\ gardenCtx.globalCompositeOperation = \ garden = new Garden(gardenCtx, gardenCanvas); $(\ $(\ $(\Math.max(($window.height() - $(\/ 2, 10)); $(\Math.max(($window.width() - $(\/ 2, 10));

// renderLoop

setInterval(function () { garden.render();

}, Garden.options.growSpeed); });

$(window).resize(function() {

var newWidth = $(window).width(); var newHeight = $(window).height();

if (newWidth != clientWidth && newHeight != clientHeight) { location.replace(location); } });

function getHeartPoint(angle) { var t = angle / Math.PI;