FCL/sf/mw/qtwebkit: WebCore/manual-tests/canvas-mask-redraw.html@9d347b658349 (annotated)

0 4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	1	<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	2	"http://www.w3.org/TR/html4/loose.dtd">
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	3
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	4	<html lang="en">
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	5	<head>
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	6	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	7	<title>Canvas Mask</title>
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	8	<style type="text/css" media="screen">
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	9	#canvas1 {
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	10	height: 300px;
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	11	width: 400px;
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	12	border: 1px solid black;
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	13	}
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	14
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	15	.masked {
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	16	/* -webkit-transform: rotate(10deg);*/
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	17	-webkit-mask: -webkit-canvas(canvas1);
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	18	}
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	19	</style>
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	20	<script type="text/javascript" charset="utf-8">
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	21
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	22	var gPageWidth = 320;
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	23	var gPageHeight = 200;
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	24
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	25	function drawPageShadow(shadowWidth)
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	26	{
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	27	var ctx = document.getCSSCanvasContext('2d', 'canvas1', gPageWidth, gPageHeight);
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	28	ctx.clearRect (0, 0, gPageWidth, gPageHeight);
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	29
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	30	var gradient = ctx.createLinearGradient(0, 0, shadowWidth, 0);
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	31	gradient.addColorStop(0, 'rgba(0,0,0,1)');
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	32	gradient.addColorStop(1, 'rgba(0,0,0,0)');
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	33	ctx.fillStyle = gradient;
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	34	ctx.fillRect (0, 0, shadowWidth, gPageHeight);
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	35	}
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	36
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	37	function redrawCanvas(event)
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	38	{
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	39	drawPageShadow(event.pageX);
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	40	}
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	41
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	42	function onPageLoad()
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	43	{
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	44	drawPageShadow(640);
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	45	}
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	46
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	47	window.addEventListener('load', onPageLoad, false);
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	48
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	49	</script>
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	50	</head>
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	51	<body>
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	52
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	53	<p>Hovering over the image or text should cause the element to be redrawn with a new mask</p>
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	54	<a href="https://bugs.webkit.org/show_bug.cgi?id=19954">https://bugs.webkit.org/show_bug.cgi?id=19954</a>
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	55	<h2>Image with mask</h2>
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	56	<img src="http://www.google.com/intl/en_ALL/images/logo.gif" width="320" height="200" alt="Clown Fish" class="masked"
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	57	onmousemove="redrawCanvas(event)">
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	58
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	59	<h2>Div with mask</h2>
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	60	<div class="masked" style="width: 640px" onmousemove="redrawCanvas(event)">
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	61	Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	62	</div>
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	63
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	64	</body>
4f2f89ce4247 Revision: 201037 Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> parents: diff changeset	65	</html>

author	Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com>
	Fri, 17 Sep 2010 09:07:27 +0300
branch	RCL_3
changeset 1	9d347b658349
parent 0	4f2f89ce4247
permissions	-rw-r--r--