pixel_canvas 1.0.1 copy "pixel_canvas: ^1.0.1" to clipboard
pixel_canvas: ^1.0.1 copied to clipboard

outdatedDart 1 only

A canvas custom element to render/edit pixels

Pixel Canvas #

A custom element with Polymer.dart.

Example Usage #

In your html:

<body bgcolor="#ccc">
  <pixel-canvas verticalPixels="10" horizontalPixels="10" pixelSize="50">
    [
      ["green"],
      ["red", null, "blue"],
      ["rgb(255, 128, 128)", "rgb(128, 255, 128)", "rgb(128, 128, 255)"],
      [null, null, "#f00", "#333", "#ffffff", "#abab00"],
      null,
      [],
      ["", ""],
      ["rgba(0, 255, 255, 0.2)",
       "rgba(0, 255, 255, 0.4)",
       "rgba(0, 255, 255, 0.6)",
       "rgba(0, 255, 255, 0.8)",
       "rgba(0, 255, 255, 1.0)"]
    ]
  </pixel-canvas>
</body>

then it will be renderd like:

the sample of screenshot

drawable attribute #

When the drawable attribute is attached, you can draw the canvas. See demo and it's code

Build and push gh-pages #

$ tool/gh-pages.dart
$ git push origin gh-pages
0
likes
0
points
2
downloads

Publisher

unverified uploader

Weekly Downloads

A canvas custom element to render/edit pixels

Repository (GitHub)
View/report issues

License

unknown (license)

Dependencies

polymer

More

Packages that depend on pixel_canvas