<p>图片应用:</p>

<img id="scream" src="/static/i/img3.jpg" width="400">

<p>画布:</p>

<canvas id="canvas-3" width="300" height="150" style="border:1px solid #d3d3d3;background:#ffffff;">你的浏览器不支持 canvas 元素</canvas>

<script>

var img3 = document.createElement("img");

img3.src="/static/i/img3.jpg";

img3.onload= function() {

    var c=document.getElementById("canvas-3");

    var canvOK=1;

    try {c.getContext("2d");}

    catch (er) {canvOK=0;}

    if (canvOK==1)

    {

        var ctx=c.getContext("2d");

        var img= this;

        ctx.drawImage(img,90,130,50,60,10,10,50,60);

    }