我怎樣才能使用畫布過去一個圖像到另一個？

我想用一個透明的盒子將一張圖片放到另一張圖片上。我怎樣才能使用畫布過去一個圖像到另一個？

因此，它不僅複製並將某圖像複製到其他圖像中。另外，我怎麼能轉換圖像，以適應其他圖像。 示例：placeit.net

如何使用Canvas，JQuery或其他？感謝任何例子。

更新： 我不想被勺子喂一些代碼。只有一個有關像placeit.net一樣轉換的示例或文檔。

來源

2013-10-30 user2870829

是的，這是可能的。這是否回答你的問題？ – Philipp

+ Philipp感謝您的回答。我編輯了我的問題;） – user2870829

你有沒有嘗試過自己。如果你有，那麼請告訴我們你已經嘗試了什麼。否則，它看起來像你想要勺子喂一些代碼 – MarsOne

是的，你可以使用html canvas來做placeit.net類型的效果。

查看合成以僅在第一個圖像透明的位置繪製第二個圖像。

看看轉換到：

旋轉你的第二個圖像到位，
歪斜的第二圖像，以適應你的第一個圖像的角度。

您可以執行圖像過濾器（主要來自第三方解決方案）。

一個很好的模糊濾鏡：http://www.quasimondo.com/StackBlurForCanvas/StackBlurDemo.html

您可以添加文字到您的演示文稿與context.fillText

來源

2013-10-30 13:50:10 markE

感謝您的回答！前兩個提示是否有很好的參考文獻？ – user2870829

合成和轉換內置到html畫布中，所以任何HTML畫布參考都會讓您開始。對於合成，請查看context.globalCompositeOperation =「destination-over」。對於旋轉，請查看context.translate plus context.rotate。對於歪斜，請查看context.transform。這個網站有一些例子：http://www.html5canvastutorials.com/advanced/html5-canvas-advanced-tutorials-introduction/祝你的項目好運:) – markE

我怎樣才能使用畫布過去一個圖像到另一個？

回答

相關問題