Comment mettre iframe dans la toile

Bonjour j'ai une petite question.Comment mettre iframe dans la toile

Comment puis-je mettre iframe avec google map en html?

<canvas id="google_map" width="600" height="400"> 
    <iframe width="600" height="390" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src=""></iframe> 
</canvas>

Source

2012-05-09 Lukas

pourquoi voulez-vous mettre dans une toile? pour les navigateurs qui ne supportent pas la balise canvas? – arahaya

J'ai besoin de déformer un peu cette carte, donc ça ressemblera à une vraie carte papier – Lukas

Je ne pense pas que tu puisses faire ça. Vous pourriez être en mesure de saisir une image à partir de l'API google static maps et utiliser 'canvas' pour le déformer? –

Malheureusement, vous ne pouvez pas placer un iFrame dans la balise Canvas. Vous pouvez cependant utiliser la position par rapport à superposer votre iFrame sur l'élément de toile:

<style type="text/css"> 
canvas { 
    width: 600px; 
    height: 400px; 
} 
iframe { 
    position: relative; 
    top: -400px; 
    width: 600px; 
    height: 400px; 
} 
</style> 
<canvas></canvas> 
<iframe src=""></iframe>

Une chose que je dois dire cependant que l'utilisation du cadre est normalement un signe de manque d'expérience dans le développement web. Votre utilisation d'eux pourrait probablement être contournée.

Source

2012-05-09 10:29:56

ok sympa, mais maintenant le comportement iframe ne dépendra pas de la toile ... :( – Lukas

Que voulez-vous dire dépendante? Comme lorsque vous utilisez JS pour basculer visibilités? –

iframe is't in canvas je ne peux pas déformer iframe ... – Lukas

vous n'avez pas besoin de mettre la carte dans la toile essayer ceci ....

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div style="width: 100%; margin-top: 50px;"> 
 
    <iframe src="https://www.google.com/maps/embed?pb=!1m16!1m12!1m3!1d2965.0824050173574!2d-93.63905729999999!3d41.998507000000004!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!2m1!1sWebFilings%2C+University+Boulevard%2C+Ames%2C+IA!5e0!3m2!1sen!2sus!4v1390839289319" width="100%" height="200" frameborder="0" style="border:0"></iframe> 
 
</div>

Source

2017-11-23 10:05:48

Comment mettre iframe dans la toile

Répondre

Questions connexes