1. 首頁
  2. 問答
  3. 可能動態和動態地編輯圖像？

可能動態和動態地編輯圖像？

2015-03-03 24 views
0

例如：看看我的RPG瀏覽器遊戲中的角色： enter image description here可能動態和動態地編輯圖像？

我想添加一個攻擊武器動畫。但是，我需要操作這個.png圖像，並從中剪出一個方框，然後應用一些css動畫。 （所以它具有擺動武器的效果）。我知道如何做到這一點，但問題是試圖用JavaScript剪出圖像，然後將其用作個人，或者它是獨立的div。所有的圖像字符文件是相同的尺寸btw。

那麼，是否有可能使用Javascript來操作圖像？

來源

2015-03-03 NiCk Newman

+0

你有沒有嘗試過任何操縱你的形象嗎？如果是這樣，請發佈。 – 2015-03-03 12:54:41

+1

@NiCk - 是的。看看使用''元素來做到這一點的例子。具體來說，查看（1）上下文的drawImage方法和（2）canvas的'toDataURL'方法。 – enhzflep 2015-03-03 12:56:57

+0

您需要將化身與武器分開，以便將任何武器圖像置於化身之上。你編輯已經存在的圖像的解決方案註定會失敗 – vsync 2015-03-03 12:59:17

回答

1

您可以使用JavaScript的畫布對象。

  1. 首先加載PNG以帆布
  2. 用帆布功能
  3. 將您的畫布圖像再次

來源

2015-03-03 12:57:23

+0

完全忘了畫布。哇，我的壞。我會在9分鐘內將您標記爲答案，謝謝！ – 2015-03-03 12:58:18

相關問題

 相關問題