sadasafsdfdsf
sadasafsdfdsf
2014-11-05 09:51

图片截取

请教一个JS或者jquery能够实现手动图片截取类的代码,请提供一些比较全的代码。参考参考。。

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

4条回答

  • weixin_42622339 weixin_42622339 7年前

    什么叫手动图片截取?
    你要截屏幕还是要给定一个图片截取一个范围的内容?

    点赞 评论 复制链接分享
  • weixin_42622339 weixin_42622339 7年前

    给你点代码
    [code="js"]
    //画面上隐藏的canvas
    var canvas = document.getElementById("canvas");
    var ctx = canvas.getContext("2d");

    var img = new Image();
    img.onload = start;
    img.src = "真实图片的路径";

    function start() {
    //要截取的图片的大小,这个是你动态算出来的,下面写的是固定值
    canvas.width = 100;
    canvas.height = 100;
    ctx.drawImage(img, 125, 10, 100, 100, 0, 0, canvas.width, canvas.height);

    //这是把分割好的图片放在另一个img元素里面了,可以点击下载
    var img1 = new Image();
    img1.onload = function () {
    document.body.appendChild(img1);
    }
    img1.src = canvas.toDataURL();
    }[/code]

    点赞 评论 复制链接分享
  • qq_39170721 qq_39170721 7年前

    html5里有个 canvas 滤镜,可以参考下看看
    图片现在可以用base64字符串处理

    点赞 评论 复制链接分享
  • ljl961890233bear btbear 7年前

    JS 做不到当前web页面的截屏 ,我当时实现的方法是吧整个页面的html提交到后台,生成截图。

    点赞 评论 复制链接分享

相关推荐