svg.js 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. import { createDom } from './dom';
  2. export function setShadow(model, context) {
  3. var el = model.cfg.el;
  4. var attrs = model.attr();
  5. var cfg = {
  6. dx: attrs.shadowOffsetX,
  7. dy: attrs.shadowOffsetY,
  8. blur: attrs.shadowBlur,
  9. color: attrs.shadowColor,
  10. };
  11. if (!cfg.dx && !cfg.dy && !cfg.blur && !cfg.color) {
  12. el.removeAttribute('filter');
  13. }
  14. else {
  15. var id = context.find('filter', cfg);
  16. if (!id) {
  17. id = context.addShadow(cfg);
  18. }
  19. el.setAttribute('filter', "url(#" + id + ")");
  20. }
  21. }
  22. export function setTransform(model) {
  23. var matrix = model.attr().matrix;
  24. if (matrix) {
  25. var el = model.cfg.el;
  26. var transform = [];
  27. for (var i = 0; i < 9; i += 3) {
  28. transform.push(matrix[i] + "," + matrix[i + 1]);
  29. }
  30. transform = transform.join(',');
  31. if (transform.indexOf('NaN') === -1) {
  32. el.setAttribute('transform', "matrix(" + transform + ")");
  33. }
  34. else {
  35. console.warn('invalid matrix:', matrix);
  36. }
  37. }
  38. }
  39. export function setClip(model, context) {
  40. var clip = model.getClip();
  41. var el = model.get('el');
  42. if (!clip) {
  43. el.removeAttribute('clip-path');
  44. }
  45. else if (clip && !el.hasAttribute('clip-path')) {
  46. createDom(clip);
  47. clip.createPath(context);
  48. var id = context.addClip(clip);
  49. el.setAttribute('clip-path', "url(#" + id + ")");
  50. }
  51. }
  52. //# sourceMappingURL=svg.js.map