Autor Zpráva
ondrej256
Profil *
Dobrý den,

potřeboval bych na svém webu udělat okýnko (nejspíš asi canvas), kde bych vložil html kód, který by se mně v tom canvasu vykreslil. Je něco takového možné?
Chamurappi
Profil
Reaguji na ondreje256:
Pokud potřebuješ opravdu vykreslit kód, poslouží ti metoda fillText na 2D kontextu.
Kdybys potřeboval vykreslit to, jak bude kód prohlížečem zobrazen, tak si musíš v JS napsat vlastní vykreslovací jádro.
ondrej256
Profil *
Při použití metody fillText

context.fillText("<html><body><h1>ahoj</h1></body></body></html>", 20, 20);

se vypíše kód jako text, takže tam vidím všehny html tagy.

Ještě uvažuju jestli nebude lepší použít <iframe> jako je to zde: http://quirktools.com/screenfly/#u=http%3A//atlas.cz&w=1024&h=600

Ale potřeboval bych tam také kreslit (podtrhávat), což umožňuje pouze canvas.
Chamurappi
Profil
Reaguji na ondreje256:
se vypíše kód jako text, takže tam vidím všehny html tagy
Psal jsi, že chceš vykreslit HTML kód.

Ale potřeboval bych tam také kreslit (podtrhávat), což umožňuje pouze canvas.
Vážně? Já vidím na této stránce spoustu podtrženého textu, který není v elementu <canvas>.
ondrej256
Profil *
1) Asi jsem se špatně vyjádřil. Potřebuju do canvasu dát na vstupu html kód a na výstupu chci vyrenderovaný html kód
2) Tím "kreslit (podtrhávat)" jsem myslel podtrhávat na způsob programu malování, Na pozadí bude vyrendrovaný html kód a jako bych na něho kreslil fixem
marizikmund
Profil
Tohle nejlíp vyřešíš nějakou knihovnou, která tohle už umí, protože kdybys to měl celé řešit sám, akorát bys znovuobjevoval kolo..

Doporučuju https://github.com/niklasvh/html2canvas

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: