Commentaire: Je n'essaierai pas la technologie que Microsoft ne prend pas en charge beaucoup. Lorsque Microsoft dit qu'il le soutiendra, je vais l'essayer. Peut-être que j'ai l'habitude de suivre l'itinéraire de Microsoft, mais c'est assez stupide d'y penser.
MVC est une bonne chose. Pourquoi ne l’apprenez-vous pas lorsque vous entrez dans l’industrie? Vous devez attendre que ASP.NET MVC sorte avant de l'apprendre; Orm est une bonne chose, pourquoi devez-vous attendre que l'EF sorte avant de l'apprendre; Le HTML5 est une bonne chose, pourquoi devez-vous attendre que IE9 sorte avant de l'apprendre? ......-Je pense que je devrais me débarrasser de cette mauvaise habitude.
Plus de bêtises.
Exigences: imitez la fonction de dessiner des points d'ancrage pour les images dans Dreamweaver et générer des valeurs de coords dans le code HTML.
Analyse technique: L'intuition me dit que la toile HTML5 est compétente.
Comme je n'ai jamais été impliqué dans la toile en substance et que je n'ai vu que des démos développées par d'autres à l'aide de toile, j'ai dû bing le tutoriel sur la toile HTML5. Découvrez le lien suivant:
Après avoir lu le document, écrivez le code:
Analyse du code:
1.1 HTML: Utilisez une image comme base et placez-la dessus pour dessiner des images
1.2 CSS: Au moins, vous devez placer la bonne position et le lieu transparent doit être transparent.
1.3 Javascript: Mousedown, Mousemove, Mouseup
<div>
<img src = "http://www.vevb.com/uploads/allimg/130720/10022r603_0.jpg" />
<lebvas>
<p> quelques informations pour dire aux personnes dont Broswer ne prend pas en charge HTML5 </p>
</ canvas>
</div>
Les étudiants expérimentés peuvent savoir que cela est destiné à être une tragédie lorsqu'ils regardent le code HTML5. Lorsqu'il y a un élément IMG sous la toile, la toile sera opaque quoi qu'il arrive. J'ai oublié si je peux dessiner quelque chose sur la toile, ce qui ne devrait pas fonctionner. Il semble que cet élément en toile ait une propreté et ne veut pas être avec d'autres éléments de bas niveau. Même si je veux me contenter du deuxième meilleur, cela ne fonctionnera pas comme un élément d'arrière-plan du Cantainer. Mon sentiment est que cette toile peut ne pas être transparente à d'autres éléments. Donc, le code ci-dessus est en fait le mauvais code ...
Alors, comment pouvons-nous réaliser des effets similaires aux couches de Photoshop? C'est pour obtenir quelques éléments de toile supplémentaires, remplacer l'IMG ci-dessus par toile, puis dessiner l'IMG sur cette toile, afin que la toile soit transparente à la toile. Hélas ... le code est le suivant:
<div>
<lebvas> </ canvas>
<lebvas>
<p> quelques informations pour dire aux personnes dont Broswer ne prend pas en charge HTML5 </p>
</ canvas>
</div>
Eh bien, le HTML est terminé et l'étape suivante consiste à dessiner sur toile. Avec l'aide de JavaScript, cette tâche est très simple.
window.addeventListener ('Load', function () {
// Obtenez l'élément Canvas.
var elem = document.getElementById ('bg');
if (! elem ||! elem.getContext) {
retour;
}
// Obtenez le contexte 2D Canvas.
var context = elem.getContext ('2d');
if (! Context ||! context.Drawimage) {
retour;
}
// Créez une nouvelle image.
var img = new image ();
// Une fois qu'il est chargé, dessinez l'image sur la toile.
img.addeventListener ('Load', function () {
// Résolution originale: x, y.
context.DrawImage (this, 0, 0);
// redimensionne maintenant l'image: x, y, w, h.
Context.Drawimage (This, 160, 0, 120, 70);
// Cramez et redimensionnez l'image: SX, SY, SW, SH, DX, DY, DW, DH.
context.Drawimage (ce, 8, 20, 140, 50, 0, 150, 350, 70);
}, FAUX);
img.src = 'http://www.vevb.com/uploads/allimg/130720/10022r603_0.jpg';
}, FAUX);
// Veuillez noter que le code pris directement dans le document est nécessaire pour les événements Opera et IE9 Onload, sinon l'image sera vide, bien sûr, ce ne sera pas le cas sous Chrome.
À suivre...
Adresse originale