Skip to content


Download (cdnjs)
// Import jQuery and core jCanvas library first
import $ from 'jquery';
import 'jcanvas';
// UMD import
import 'jcanvas/dist/umd/jcanvas-hearts.min.js';
// ESM import
import 'jcanvas/dist/esm/jcanvas-hearts.min.js';

This plugin is a more complete version of the custom drawHeart() method in the documentation, which supports layer events and transformations.

layer: true,
draggable: true,
name: 'heart',
fillStyle: '#f6c',
x: 160,
y: 100,
size: 140,
rotate: 30