getCroppedCanvas.js 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. $(function () {
  2. 'use strict';
  3. var $image = $(window.createCropperImage());
  4. $image.cropper({
  5. strict: false,
  6. built: function () {
  7. QUnit.test('methods.getCroppedCanvas', function (assert) {
  8. var canvas = $image.cropper('getCroppedCanvas');
  9. assert.ok(canvas instanceof HTMLCanvasElement);
  10. });
  11. QUnit.test('methods.getCroppedCanvas: resize', function (assert) {
  12. var canvas = $image.cropper('getCroppedCanvas', {
  13. width: 160,
  14. height: 90
  15. });
  16. assert.equal(canvas.width, 160);
  17. assert.equal(canvas.height, 90);
  18. });
  19. QUnit.test('methods.getCroppedCanvas: fillColor', function (assert) {
  20. var canvas = $image.cropper('rotate', 90).cropper('getCroppedCanvas', {
  21. fillColor: '#010101'
  22. }),
  23. pixelData = canvas.getContext('2d').getImageData(0, 0, 1, 1).data;
  24. assert.strictEqual(pixelData[0], 1, 'red is 1');
  25. assert.strictEqual(pixelData[1], 1, 'green is 1');
  26. assert.strictEqual(pixelData[2], 1, 'blue is 1');
  27. assert.strictEqual(pixelData[3], 255, 'color is opaque');
  28. });
  29. }
  30. });
  31. });