如何在Canvas中創建超鏈接

Question

我能夠使用jcollage（http://radikalfx.com/files/collage-with-text/demo.html）插件將給定文本添加到畫布中，但是當用戶輸入文本如www.example.com時，它應自動轉換爲超鏈接。

有些人請幫助如何確定用戶輸入的文本是超鏈接，以及如何找到超鏈接的位置，因爲我正在將該畫布轉換爲圖像，並在Titanium中的web視圖中顯示，如果用戶點擊了超鏈接，我必須將其轉移到那個頁面。

Answer 1

這並不像您想象的那麼簡單。

畫布實際上並不「存儲」文本，它只是一個像素網格。它不知道在畫布上繪製的元素或任何東西。因此，畫布不能「超鏈接」文本元素。

其中一個選項是將一個click事件偵聽器添加到畫布，獲取該事件的x/y，如果您點擊文本，則重定向到該URL。爲此，您需要手動跟蹤文本的位置（旋轉？）和大小。

另一種可能更簡單的選擇是簡單地在包含文本的圖像頂部添加一個元素。然後，你可以簡單地添加一個超鏈接。

Working example of a link overlaying the canvas

Answer 2

這是不可能的。

爲了創建一個「超鏈接」，您必須創建自己的盒子，填充文本，保留其位置標籤（以3D形式 - 確保它不被另一圖層覆蓋），樣式以特定格式顯示文本，然後檢查以確保如果某人點擊畫布，並且點擊發生在框上，並且該框是最頂層，那麼您將用戶的window.location設置爲等於他們輸入的任何內容（如果您確認它的確是一個正確編寫的URL）。