mikeswanson / ai2canvas Goto Github PK

when I double click the AI2CanvasMac.api this alert appear, it told me something like "can't find the illustration, the file is locked or is been using. ID -54

Is there anything i can do to fix this?

Hi,

It seems Ai2Canvas is encoding the HTML-file as ANSI. I had to convert it to UTF-8 using Notepas++ in order to get the characters correct. Tested on AI2020 (Ai2Canvas 1.5). See attached picture.

Hi Mike!

Thanks for this plugin. I watched your Youtube videos and saw some js properties you inserted in the layer name areas to generate some animation.
Would you recommend Three.js to add some advanced animation instead of doing so inside of Illustrator? Thanks,

For most people, they don't have Ai.

Hi, Thank you for creating such a helpful plugin for AI, which makes drawing complex vector graph in canvas possible.

As using this current version 1.3 in my project ( a map of China with provinces, landmarks, textures, clouds, waters, ships.. and so on, the total size of export is almost 6M ), I found the ability to only export root level layers is not efficient both in code development and AI design.

And, the more complicated the AI layers are, the more details need to be taken care of when considering the performance with canvas especially with mobile devices, all the layers should be drew only if necessary.

So below is the features I want to request:

Include boundary info

Boundary info is very helpful, which can be use to calculate if current layer is in the viewport or for other intentions.

I think every layer should include boundary info like below:

{
    left: 10,
    top: 10,
    width: 10,
    height: 20
}

Exports pure javascript data

It will be convenient if pure Javascript can be exported, and wrapped with CMD module, or just write to the global:

- map();

exports:

window.ai2canvas.map = {
    boundary: {
        left: 10,
        top: 10,
        width: 10,
        height: 20    
    },
    draw: function( ctx ){ ..... }
}

Support sublayers export

layers like:

- map
    - beijing
    - shanghai
    - ....

and exports:

window.ai2canvas.map = {
    name: 'map'
    boundary: {
        left: 10,
        top: 10,
        width: 10,
        height: 20    
    },
    draw: function( ctx ){ ..... },
    children: [
        {
            name: 'beigjing',
            draw: function( ctx ){ ... },
            ....
        }
    ] // every child just like its father, have properties like `boundary`, `draw` and `children` if sublayers exist
}

Thank you~

The tutorial links are broken. Is there a documentation for the tutorials. I would like to learn more about this plugin. Cheers!

Please advise how best to incease the number of decimal places from the current default (which appears to be one decimal place) to three decimal places?

Chrome canvas elements produce much better rendering of small logos than SVG, which led me to discover your Ai2Canvas Illustrator plugin. To maintain the accuracy with svg graphics, it would be nice to increase the number of decimal places to three.

NB. I've only tested Ai2Canvas version 1.4 (for Adobe Illustrator CC 2019) on macOS.

It's nice to see this project has recently been updated. Many thanks.