Skip to content

Conversation

@pearmini
Copy link
Member

@pearmini pearmini commented Apr 16, 2025

close: https://github.com/charming-art/charming/issues/359
close: https://github.com/charming-art/charming/issues/369

  • Remove cm.app.
  • Add option to mark to support mark-level animations.
  • Support callback children for mark-level interactivity.
import * as cm from "charmingjs";

const svg = cm.svg("svg", {
  width: 100,
  height: 100,
  children: [
    cm.svg("rect", {x: 0, y: 0, width: 100, height: 100, fill: "black"}),
    cm.svg("circle", {cx: 50, cy: 50, r: 40, fill: "white"}),
  ],
});

document.body.appendChild(svg.render());

@cloudflare-workers-and-pages
Copy link

cloudflare-workers-and-pages bot commented Apr 16, 2025

Deploying charming with  Cloudflare Pages  Cloudflare Pages

Latest commit: 29c01a6
Status: ✅  Deploy successful!
Preview URL: https://2788a51b.charming-a13.pages.dev
Branch Preview URL: https://animated-and-interactive-mar.charming-a13.pages.dev

View logs

@pearmini pearmini force-pushed the animated-and-interactive-mark branch 2 times, most recently from 2af9b7e to 44e3f7d Compare April 16, 2025 12:48
@pearmini pearmini force-pushed the animated-and-interactive-mark branch from 44e3f7d to d971a00 Compare April 16, 2025 19:32
@pearmini pearmini merged commit c6cda3c into next Apr 16, 2025
2 checks passed
@pearmini pearmini deleted the animated-and-interactive-mark branch April 16, 2025 19:42
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add static mark and animate mark Animation options for marks

1 participant