我们习惯用自己的行为准则审视他人,并时刻准备加以指责!

测试hexo默认的md语法解析

发表于 | 分类于 test | 标签 test

前言,概括,苏姚也是引用吗dsafasmfasa也是引用吗dsafasmfasa也是引用吗dsafasmfasa也是引用吗dsafasmfasa也是引用吗dsafasmfasa也是引用吗dsafasmfasa也是引用吗dsafasmfasa也是引用吗dsafasmfasa也是引用吗dsafasmfasa也是引用吗dsafasmfasa也是引用吗dsafasmfasa也是引用吗dsafasmfasa

粗体 粗体

斜体 斜体

删除 删除

分割线


Hellow world!

你是涉笔吗这是引用你知道吗

1321412542

这也是引用吗dsafasmfasassssssmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm    


12

这是字体

  // 图片裁剪
  window.onload = function () {

      // 上传图片
      var canvas = document.getElementById('myCan');
      var imgFile = $('#imgFile');
      var demoImg = $('#demoImg');
      var ctx = canvas.getContext('2d');
      imgFile.change(function () {
          var file = imgFile[0].files[0];
          console.log(file);
          var reader = new FileReader();
          reader.onload = function (e) {
              console.log(e);
              demoImg.attr('src', e.target.result);
          };
          reader.readAsDataURL(file);
      });

      // 位移选裁框
      var dragDiv = $('#chooseBox');
      dragDiv.mousedown(function (e) {
          var oleft = $(this).position().left;
          var otop = $(this).position().top;
          var X = e.pageX - oleft;
          var Y = e.pageY - otop;
          $(document).mousemove(function (e) {
              var left = e.pageX - X;
              var top = e.pageY - Y;
              if (left <= 0) {
                  left = 0;
              }
              else if (left >= ($('#demoBox').outerWidth(true) - dragDiv.outerWidth(true))) {
                  left = ($('#demoBox').outerWidth(true) - dragDiv.outerWidth(true));
              }

              if (top <= 0) {
                  top = 0;
              }
              else if (top >= ($('#demoBox').outerHeight(true) - dragDiv.outerHeight(true))) {
                  top = ($('#demoBox').outerHeight(true) - dragDiv.outerHeight(true));
              }

              dragDiv.css({
                  left: left,
                  top: top
              });

          });
      });
      $(document).mouseup(function () {
          $(this).unbind('mousemove');
      });

      // 裁剪
      function cut() {
          var sx = dragDiv.position().left;
          var sy = dragDiv.position().top;
          var img = document.getElementById('demoImg');
          ctx.drawImage(img, sx, sy, 150, 150, 0, 0, 150, 150);
      }

      $('#cut').click(function () {
          ctx.clearRect(0, 0, 150, 150);
          cut();
      });
  };
0%