使用HTML5 / JS将图像拼贴实现为“Word”形状

时间:2013-07-26 01:44:00

标签: javascript html5 html5-canvas

我想实现一个图片拼贴,其中照片排列在页面上的“Word'对象

这真的很难解释,这也许就是为什么我还没有在网上找到任何例子。但作为一个例子,让我们来看看HTML'。

我想在屏幕上的画布上创建一个形状,然后让照片过渡到屏幕上(缓和,滑动,飞行),然后偶尔排列在那个形状周围。然后让图像可点击/缩放。如果可能的话,也可以在形状内拖拽。

现在,我的第一个问题是,这是可以实现的,我将如何做这样的事情?

我不太了解HTML5画布,并且正在使用这个项目来了解它。所以我想简单地知道如何做到这样的事情。

谢谢!

1 个答案:

答案 0 :(得分:0)

你可以在Photoshop中做一些像面具这样的东西,你会得到一个带有你想要标记的形状的隐形区域的图像,然后将世界图像放在背景中。

这可能也有帮助http://www.html5rocks.com/en/tutorials/masking/adobe/